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

.playfair-display-sc-regular {
  font-family: "Playfair Display SC", serif;
  font-weight: 400;
  font-style: normal;
}

.playfair-display-sc-bold {
  font-family: "Playfair Display SC", serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

:root {
  --cor-creme: #FFFAF4;
  --cor-dourado: #D3AF37;
  --cor-grafite: #231F20;
  --marrom-principal: #3B3024;
  --marrom-secundario: #916F46;
  --verde-zap: #25D366;
  --fundo-adustina: #734F4D;
  --fonte-principal: 'Poppins', sans-serif;
  --fonte-secundaria: 'Playfair Display', serif;
  --espaco-pequeno: 8px;
  --espaco-medio: 16px;
  --espaco-grande: 32px;
  --espaco-enorme: 64px;
}

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

img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; border: none; background: none; }

body {
  position: relative;
  font-family: var(--fonte-principal);
  background-color: var(--marrom-principal);
  color: var(--cor-creme);
}

body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1021px;
  z-index: -1;
  background-image: linear-gradient(
    -58.55deg,
    rgba(126, 89, 52, 0.24) 6.21%,
    rgba(203, 195, 185, 0.135) 13.72%,
    rgba(188, 172, 153, 0.27) 21.9%,
    rgba(140, 109, 72, 0.23) 36.11%,
    rgba(123, 95, 61, 0.46) 50.32%,
    rgba(118, 93, 63, 0.515) 62.45%,
    rgba(107, 82, 52, 0.496) 69.8%,
    rgba(101, 72, 37, 0.477) 78.64%,
    rgba(94, 62, 23, 0.459) 86.14%,
    rgba(88, 60, 25, 0.459) 92.35%,
    rgba(85, 59, 26, 0.46) 97.44%,
    rgba(59, 32, 0, 0.53) 108.26%
  );
}

.textos-tela-inicial {
  display: flex;
  flex-direction: column;
  gap: var(--espaco-medio);
  padding: var(--espaco-grande);
}

.textos-tela-inicial h1 {
  font-family: var(--fonte-principal);
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--cor-creme);
}

.textos-tela-inicial h2 {
  font-family: var(--fonte-principal);
  font-size: 24px;
  font-weight: 600;
  color: var(--cor-creme);
}

.textos-tela-inicial h3 {
  font-family: var(--fonte-principal);
  font-size: 16px;
  font-weight: 500;
  color: var(--cor-dourado);
}

.textos-tela-inicial h4 {
  font-family: var(--fonte-principal);
  font-size: 16px;
  font-weight: 600;
  color: var(--cor-creme);
}

.textos-tela-inicial p {
  font-family: var(--fonte-principal);
  font-size: 16px;
  font-weight: 400;
  color: var(--cor-creme);
}

.textos-tela-inicial span {
  font-family: var(--fonte-principal);
  font-weight: bold;
  background: linear-gradient(90deg, var(--cor-dourado), var(--cor-creme));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

:root {
  --u: calc(100vw / 1920);

  --creme: #FFFAF4;
  --grafite: #231F20;
  --dourado: #D3AF37;
  --marrom: #3B3024;
  --verde-zap: #25D366;

  --fonte-titulo: 'Playfair Display SC', serif;
  --fonte-texto: 'Poppins', sans-serif;

  --degrade-botao: linear-gradient(92.84deg, #EFC847 2.36%, #D1AD36 30.45%, #B49324 58.54%, #947611 114.72%);
  --degrade-botao-2: linear-gradient(103.13deg, #EEC94E 11.62%, #C7A73C 40.5%, #A0852A 69.39%, #877023 98.27%, #6D5A1C 127.15%);
  --degrade-texto-hero: linear-gradient(90deg, #CFB251 18%, #937A26 46%, #655000 66%, #000000 100%);
  --degrade-texto-titulo: linear-gradient(91.93deg, #FFDB65 1.63%, #A0852A 58.78%, #877023 87.36%, #6D5A1C 115.94%);

  --icone-whatsapp: url("../icones.svg/SVG%20ICONE%20WHATSAPP.svg");
  --logo-escuro: url("../img/logo-taianne.png");
  --textura: url("../img/textura-fundo.png") 0 0 / calc(1200 * var(--u)) repeat;
  --icone-google: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E %3Cpath fill='%23F8BD00' d='M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08 8-11.303 8-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 12.955 4 4 12.955 4 24s8.955 20 20 20 20-8.955 20-20c0-1.341-.138-2.65-.389-3.917z'/%3E %3Cpath fill='%23E33629' d='M6.306 14.691l6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 16.318 4 9.656 8.337 6.306 14.691z'/%3E %3Cpath fill='%23319F43' d='M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238A11.91 11.91 0 0 1 24 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44z'/%3E %3Cpath fill='%23587DBD' d='M43.611 20.083H42V20H24v8h11.303a12.04 12.04 0 0 1-4.087 5.571l.003-.002 6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917z'/%3E %3C/svg%3E");
  --icone-estrelas: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 21'%3E %3Cg fill='%23FFCE31'%3E %3Cpath id='s' d='M10.5 0l3.09 6.6 7.14.9-5.26 4.95 1.36 7.13L10.5 16.1l-6.33 3.48 1.36-7.13L.27 7.5l7.14-.9z'/%3E %3Cpath transform='translate(27 0)' d='M10.5 0l3.09 6.6 7.14.9-5.26 4.95 1.36 7.13L10.5 16.1l-6.33 3.48 1.36-7.13L.27 7.5l7.14-.9z'/%3E %3Cpath transform='translate(54 0)' d='M10.5 0l3.09 6.6 7.14.9-5.26 4.95 1.36 7.13L10.5 16.1l-6.33 3.48 1.36-7.13L.27 7.5l7.14-.9z'/%3E %3Cpath transform='translate(81 0)' d='M10.5 0l3.09 6.6 7.14.9-5.26 4.95 1.36 7.13L10.5 16.1l-6.33 3.48 1.36-7.13L.27 7.5l7.14-.9z'/%3E %3Cpath transform='translate(108 0)' d='M10.5 0l3.09 6.6 7.14.9-5.26 4.95 1.36 7.13L10.5 16.1l-6.33 3.48 1.36-7.13L.27 7.5l7.14-.9z'/%3E %3C/g%3E%3C/svg%3E");
  --icone-instagram: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFAF4' stroke-width='2'%3E %3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4.2'/%3E%3Ccircle cx='17.3' cy='6.7' r='1' fill='%23FFFAF4' stroke='none'/%3E %3C/svg%3E");
  --icone-tiktok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='%23FFFAF4' d='M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z'/%3E %3C/svg%3E");
  --icone-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='%23FFFAF4' d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E %3C/svg%3E");
  --icone-threads: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFAF4' stroke-width='2' stroke-linecap='round'%3E %3Cpath d='M17.5 7.5C16.4 4.6 14.4 3 11.8 3 7.2 3 4 6.7 4 12s3.2 9 7.8 9c3.7 0 6.6-2.2 6.6-5.4 0-2.7-2.3-4.3-5.6-4.3-2.6 0-4.2 1.2-4.2 2.9 0 1.5 1.3 2.5 3 2.5 2.8 0 4.1-2.2 4.1-5.2 0-1.2-.2-2.1-.5-2.8'/%3E %3C/svg%3E");
  --icone-github: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='%23000000' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E %3C/svg%3E");
  --icone-seta-passo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 12' fill='none' stroke='%23514C46' stroke-width='2'%3E %3Cpath d='M0 6h88M83 1l5 5-5 5'/%3E %3C/svg%3E");
}

html { background-color: var(--creme); }

body {
  overflow-x: clip;
  background-color: transparent;
  color: var(--grafite);
  font-family: var(--fonte-texto);
}

ul, ol { list-style: none; }

summary { list-style: none; cursor: pointer; }
summary::-webkit-details-marker { display: none; }

.visualmente-oculto {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.esquerda, .direita,
.botao_esquerda, .botao_direita,
.botao-esquerda, .botao-direita,
.seta {
  position: relative;
  width: calc(24 * var(--u));
  height: calc(44 * var(--u));
  font-size: 0;
  color: var(--grafite);
  background: none;
}

.esquerda::before, .direita::before,
.botao_esquerda::before, .botao_direita::before,
.botao-esquerda::before, .botao-direita::before,
.seta::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(20 * var(--u));
  height: calc(20 * var(--u));
  border: solid currentColor;
  border-width: 0 0 calc(3 * var(--u)) calc(3 * var(--u));
  transform: translate(-30%, -50%) rotate(45deg);
}

.direita::before, .botao_direita::before, .botao-direita::before, .seta--direita::before {
  transform: translate(-70%, -50%) rotate(-135deg);
}

.bolinhas-trilho, .bolinhas {
  display: flex;
  gap: calc(6 * var(--u));
}

.bolinhas-trilho span, .bolinhas span {
  display: block;
  width: calc(16 * var(--u));
  height: calc(16 * var(--u));
  border-radius: 50%;
  background: rgba(35, 31, 32, 0.5);
}

.bolinhas-trilho .bolinha-ativa { background: var(--grafite); }

.botao-gradiente-dourado {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(356 * var(--u));
  height: calc(106 * var(--u));
  padding: 0 calc(10 * var(--u));
  background: var(--degrade-botao);
  border: calc(1 * var(--u)) solid var(--grafite);
  border-radius: calc(10 * var(--u));
  box-shadow: 0 calc(1 * var(--u)) calc(10 * var(--u)) rgba(0, 0, 0, 0.25);
  font-family: var(--fonte-texto);
  font-size: calc(25 * var(--u));
  line-height: calc(38 * var(--u));
  font-weight: 700;
  text-align: center;
  color: var(--grafite);
  text-shadow: 0 calc(4 * var(--u)) calc(4 * var(--u)) rgba(255, 250, 244, 0.3);
}

.botao-gradiente-dourado span { display: contents; }

.botao-whatsapp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(14 * var(--u));
  background: var(--verde-zap);
  color: var(--creme);
  font-family: var(--fonte-texto);
  font-weight: 700;
}

.botao-whatsapp svg {
  flex-shrink: 0;
  background: var(--icone-whatsapp) center / contain no-repeat;
}

svg:has(use[href$="icone-google"])    { background: var(--icone-google) center / contain no-repeat; }
svg:has(use[href$="icone-estrelas"])  { background: var(--icone-estrelas) center / contain no-repeat; }
svg:has(use[href$="icone-instagram"]) { background: var(--icone-instagram) center / contain no-repeat; }
svg:has(use[href$="icone-tiktok"])    { background: var(--icone-tiktok) center / contain no-repeat; }
svg:has(use[href$="icone-x"])         { background: var(--icone-x) center / contain no-repeat; }
svg:has(use[href$="icone-threads"])   { background: var(--icone-threads) center / contain no-repeat; }
svg:has(use[href$="icone-github"])    { background: var(--icone-github) center / contain no-repeat; }
svg:has(use[href$="icone-whatsapp"])  { background: var(--icone-whatsapp) center / contain no-repeat; }

body::before {
  top: 0;
  height: calc(1023 * var(--u));
  z-index: -1;
  background:
    linear-gradient(288.02deg, rgba(126, 89, 52, 0.12) 6.21%, rgba(203, 195, 185, 0.07) 13.72%, rgba(188, 172, 153, 0.13) 21.89%, rgba(140, 109, 72, 0.11) 36.11%, rgba(123, 95, 61, 0.22) 50.32%, rgba(118, 93, 63, 0.25) 62.45%, rgba(107, 82, 52, 0.24) 69.8%, rgba(101, 72, 37, 0.23) 78.64%, rgba(94, 62, 23, 0.22) 86.14%, rgba(88, 60, 25, 0.22) 92.35%, rgba(85, 59, 26, 0.22) 97.44%, rgba(59, 32, 0, 0.26) 108.26%),
    linear-gradient(277.18deg, rgba(217, 217, 217, 0) 6.28%, rgba(161, 147, 130, 0.26) 39.86%, rgba(120, 106, 88, 0.35) 86.35%, rgba(97, 84, 68, 0.36) 110.68%) left top / calc(1516 * var(--u)) 100% no-repeat,
    var(--creme);
  box-shadow: 0 calc(4 * var(--u)) calc(10 * var(--u)) rgba(0, 0, 0, 0.12);
}

.cabecalho {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(84 * var(--u));
  z-index: 2;
}

.cabecalho::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 250, 244, 0.94);
  box-shadow: 0 calc(1 * var(--u)) calc(10 * var(--u)) rgba(0, 0, 0, 0.1);
}

.cabecalho__marca {
  position: absolute;
  left: calc(401 * var(--u));
  top: calc(10 * var(--u));
  width: calc(149 * var(--u));
  height: calc(74 * var(--u));
}

.cabecalho__logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cabecalho__menu a {
  position: absolute;
  top: calc(34 * var(--u));
  font-size: calc(20 * var(--u));
  line-height: calc(30 * var(--u));
  letter-spacing: 0.01em;
  color: var(--grafite);
  white-space: nowrap;
}

.cabecalho li:nth-child(1) a { left: calc(638 * var(--u)); }
.cabecalho li:nth-child(2) a { left: calc(789 * var(--u)); }
.cabecalho li:nth-child(3) a { left: calc(1027 * var(--u)); }
.cabecalho li:nth-child(4) a { left: calc(1305 * var(--u)); }
.cabecalho li:nth-child(5) a { left: calc(1515 * var(--u)); }

.cabecalho li:nth-child(6) a {
  left: calc(1727 * var(--u));
  top: calc(25 * var(--u));
  width: calc(161 * var(--u));
  height: calc(42 * var(--u));
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(162, 133, 98, 0.62);
  border-radius: calc(10 * var(--u));
  font-size: calc(18 * var(--u));
  line-height: calc(27 * var(--u));
  letter-spacing: 0;
}

.textos-tela-inicial {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  height: calc(1023 * var(--u));
  padding: calc(224 * var(--u)) 0 0 calc(138 * var(--u));
}

.textos-tela-inicial h3 {
  order: -1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(276 * var(--u));
  height: calc(36 * var(--u));
  margin-bottom: calc(11 * var(--u));
  background: rgba(35, 31, 32, 0.26);
  border-radius: calc(10 * var(--u));
  box-shadow: 0 calc(1 * var(--u)) calc(11.4 * var(--u)) calc(4 * var(--u)) rgba(0, 0, 0, 0.1);
  font-size: calc(18 * var(--u));
  line-height: calc(27 * var(--u));
  font-weight: 400;
  color: var(--creme);
}

.textos-tela-inicial h1,
.textos-tela-inicial h2 {
  font-family: var(--fonte-texto);
  font-weight: 400;
  color: var(--grafite);
  background: var(--degrade-texto-hero);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: var(--grafite);
}

.textos-tela-inicial h1 {
  width: calc(1153 * var(--u));
  font-size: calc(70 * var(--u));
  line-height: 95%;
}

.textos-tela-inicial h2 {
  width: calc(889 * var(--u));
  font-size: calc(35 * var(--u));
  line-height: calc(52 * var(--u));
}

.textos-tela-inicial h1 span,
.textos-tela-inicial h2 span {
  background: none;
  font-weight: 700;
  font-style: italic;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.textos-tela-inicial h4 {
  margin: calc(2 * var(--u)) 0 0 calc(6 * var(--u));
  font-size: calc(18 * var(--u));
  line-height: calc(27 * var(--u));
  font-weight: 400;
  color: var(--grafite);
}

.textos-tela-inicial p {
  position: absolute;
  left: calc(858 * var(--u));
  top: calc(689 * var(--u));
  width: calc(360 * var(--u));
  z-index: 2;
  font-size: calc(18 * var(--u));
  line-height: calc(27 * var(--u));
  color: var(--grafite);
}

.textos-tela-inicial h4 span,
.textos-tela-inicial p span {
  background: none;
  font-weight: 700;
  -webkit-text-fill-color: var(--grafite);
  color: var(--grafite);
}

.hero-tela-inicial {
  position: absolute;
  left: calc(122 * var(--u));
  top: calc(642 * var(--u));
  display: flex;
  align-items: center;
  z-index: 1;
}

.hero-tela-inicial .janela {
  width: calc(715 * var(--u));
  height: calc(243 * var(--u));
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 calc(40 * var(--u)), #000 calc(560 * var(--u)), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 calc(40 * var(--u)), #000 calc(560 * var(--u)), transparent 100%);
}

.hero-tela-inicial .trilho {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(2, calc(114 * var(--u)));
  grid-auto-columns: calc(293 * var(--u));
  gap: calc(15 * var(--u)) calc(16 * var(--u));
}

.hero-tela-inicial .trilho--auto {
  width: max-content;
  animation: deslizar-avaliacoes 34s linear infinite;
}

.pergunta {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 calc(15 * var(--u));
  background: rgba(59, 48, 36, 0.75);
  border: calc(1 * var(--u)) solid var(--dourado);
  border-radius: calc(10 * var(--u));
  box-shadow: 0 calc(1 * var(--u)) calc(10 * var(--u)) rgba(0, 0, 0, 0.5);
  font-size: calc(25 * var(--u));
  line-height: calc(38 * var(--u));
  text-align: center;
  color: var(--creme);
}

.botao-gradiente-dourado--hero {
  position: absolute;
  left: calc(858 * var(--u));
  top: calc(749 * var(--u));
  z-index: 2;
  font-style: italic;
  text-shadow: 0 calc(4 * var(--u)) calc(4 * var(--u)) rgba(255, 250, 244, 0.15);
}

.versao-desktop > .botao-whatsapp {
  position: fixed;
  right: calc(40 * var(--u));
  bottom: calc(40 * var(--u));
  z-index: 50;
  justify-content: flex-start;
  gap: calc(9 * var(--u));
  width: calc(323 * var(--u));
  height: calc(85 * var(--u));
  padding-left: calc(27 * var(--u));
  border-radius: calc(103 * var(--u));
  filter: drop-shadow(0 calc(1 * var(--u)) calc(10 * var(--u)) rgba(0, 0, 0, 0.11));
  font-size: calc(22 * var(--u));
  line-height: calc(33 * var(--u));
}

.versao-desktop > .botao-whatsapp svg {
  width: calc(59 * var(--u));
  height: calc(57 * var(--u));
}

.foto-taianne-tela-inicial {
  position: absolute;
  left: calc(1297 * var(--u));
  top: calc(172 * var(--u));
  width: calc(623 * var(--u));
  height: calc(851 * var(--u));
  max-width: none;
  object-fit: cover;
  z-index: 2;
}

.areas-de-atuacao {
  position: relative;
  height: calc(1257 * var(--u));
  background: var(--textura), var(--creme);
}

.areas-de-atuacao > h2 {
  position: absolute;
  left: calc(1064 * var(--u));
  top: calc(133 * var(--u));
  width: calc(646 * var(--u));
  font-size: calc(70 * var(--u));
  line-height: calc(105 * var(--u));
  font-weight: 700;
  font-style: italic;
  text-align: center;
  background: var(--degrade-texto-titulo);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  filter: drop-shadow(0 calc(4 * var(--u)) calc(10 * var(--u)) rgba(0, 0, 0, 0.25));
}

.areas-de-atuacao > p {
  position: absolute;
  left: calc(1188 * var(--u));
  top: calc(242 * var(--u));
  width: calc(399 * var(--u));
  font-size: calc(25 * var(--u));
  line-height: calc(38 * var(--u));
  text-align: center;
  color: var(--grafite);
}

.areas-de-atuacao p span { font-weight: 700; }

.direito-trabalhista,
.direito-previdenciario {
  position: absolute;
  border-radius: calc(10 * var(--u));
  box-shadow: 0 calc(4 * var(--u)) calc(11 * var(--u)) rgba(0, 0, 0, 0.25);
}

.direito-trabalhista {
  left: calc(161 * var(--u));
  top: calc(152 * var(--u));
  width: calc(822 * var(--u));
  min-height: calc(1060 * var(--u));
  padding: calc(153 * var(--u)) 0 calc(20 * var(--u)) calc(29 * var(--u));
  background: var(--creme);
  border: calc(2 * var(--u)) solid var(--grafite);
}

.direito-previdenciario {
  left: calc(983 * var(--u));
  top: calc(376 * var(--u));
  width: calc(839 * var(--u));
  min-height: calc(836 * var(--u));
  padding: calc(149 * var(--u)) 0 calc(20 * var(--u)) calc(44 * var(--u));
  background: var(--marrom);
  border: calc(2 * var(--u)) solid var(--dourado);
}

.direito-trabalhista h3,
.direito-previdenciario h3 {
  position: absolute;
  font-family: var(--fonte-texto);
  font-size: calc(54 * var(--u));
  line-height: calc(48 * var(--u));
  font-weight: 700;
  font-style: italic;
  word-spacing: calc(600 * var(--u));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.direito-trabalhista h3 {
  left: calc(29 * var(--u));
  top: calc(34 * var(--u));
  width: calc(450 * var(--u));
  background-image: linear-gradient(90deg, #D3AF37 0%, #4E3E08 100%);
}

.direito-previdenciario h3 {
  left: calc(44 * var(--u));
  top: calc(38 * var(--u));
  width: calc(470 * var(--u));
  background-image: linear-gradient(90deg, #FFDC68 0%, #A7871E 100%);
}

.direito-trabalhista h3::first-line,
.direito-previdenciario h3::first-line {
  font-family: var(--fonte-titulo);
  font-size: calc(35 * var(--u));
  font-style: normal;
  font-weight: 700;
  color: var(--grafite);
}

.direito-previdenciario h3::first-line { color: var(--creme); }

.areas-de-atuacao .badge {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border: calc(1 * var(--u)) solid var(--grafite);
  border-radius: calc(10 * var(--u));
  box-shadow: 0 calc(1 * var(--u)) calc(11.4 * var(--u)) calc(4 * var(--u)) rgba(0, 0, 0, 0.1);
  font-size: calc(18 * var(--u));
  line-height: calc(27 * var(--u));
  color: var(--grafite);
  white-space: nowrap;
}

.direito-trabalhista .badge {
  left: calc(363 * var(--u));
  top: calc(93 * var(--u));
  width: calc(369 * var(--u));
  height: calc(39 * var(--u));
  background: linear-gradient(270deg, #D3AF37 -6.91%, #A0852A 64.77%, #877023 100.61%, #6D5A1C 136.45%);
}

.direito-previdenciario .badge {
  left: calc(471 * var(--u));
  top: calc(80 * var(--u));
  min-width: calc(297 * var(--u));
  padding: 0 calc(14 * var(--u));
  height: calc(46 * var(--u));
  background: linear-gradient(269.7deg, #F2CB4B -26.02%, #A0852A 45.49%, #877023 81.24%, #6D5A1C 116.99%);
}

.direito-trabalhista > p,
.direito-previdenciario > p {
  font-size: calc(18 * var(--u));
  line-height: calc(27 * var(--u));
}

.direito-trabalhista > p {
  width: calc(668 * var(--u));
  height: calc(104 * var(--u));
  margin-bottom: calc(27 * var(--u));
  color: var(--grafite);
}

.direito-previdenciario > p {
  width: calc(541 * var(--u));
  height: calc(124 * var(--u));
  margin-bottom: calc(49 * var(--u));
  color: var(--creme);
}

.direito-trabalhista::after,
.direito-previdenciario::after {
  content: "";
  position: absolute;
  width: calc(660 * var(--u));
  height: calc(4 * var(--u));
  background: var(--dourado);
}

.direito-trabalhista::after { left: calc(33 * var(--u)); top: calc(257 * var(--u)); }
.direito-previdenciario::after { left: calc(52 * var(--u)); top: calc(273 * var(--u)); }

.areas-de-atuacao details {
  width: calc(667.59 * var(--u));
  border-radius: calc(10 * var(--u));
  box-shadow: 0 calc(4 * var(--u)) calc(24 * var(--u)) rgba(0, 0, 0, 0.1);
  filter: drop-shadow(0 calc(4 * var(--u)) calc(4 * var(--u)) rgba(0, 0, 0, 0.25));
}

.direito-trabalhista details { margin-bottom: calc(11 * var(--u)); background: var(--marrom); color: var(--creme); }
.direito-previdenciario details { margin-bottom: calc(9 * var(--u)); background: var(--creme); color: var(--grafite); }

.areas-de-atuacao summary,
.perguntas-frequentes summary {
  position: relative;
  display: flex;
  align-items: center;
}

.areas-de-atuacao summary {
  min-height: calc(73 * var(--u));
  padding: 0 calc(60 * var(--u)) 0 calc(24 * var(--u));
  font-size: calc(22 * var(--u));
  line-height: calc(33 * var(--u));
  letter-spacing: -0.02em;
}

.areas-de-atuacao details p {
  padding: 0 calc(24 * var(--u)) calc(20 * var(--u));
  font-size: calc(18 * var(--u));
  line-height: calc(27 * var(--u));
}

.areas-de-atuacao summary::after,
.perguntas-frequentes summary::after {
  content: "";
  position: absolute;
  top: 50%;
  width: calc(16 * var(--u));
  height: calc(16 * var(--u));
  transform: translateY(-50%);
  background:
    linear-gradient(currentColor, currentColor) center / 100% calc(2 * var(--u)) no-repeat,
    linear-gradient(currentColor, currentColor) center / calc(2 * var(--u)) 100% no-repeat;
}

.areas-de-atuacao summary::after { right: calc(29 * var(--u)); }

.areas-de-atuacao details[open] summary::after,
.perguntas-frequentes details[open] summary::after {
  background: linear-gradient(currentColor, currentColor) center / 100% calc(2 * var(--u)) no-repeat;
}

.Atendimento {
  position: relative;
  isolation: isolate;
  height: calc(1398 * var(--u));
  background: var(--textura), var(--creme);
  background-position: 0 calc(-1257 * var(--u));
}

.Atendimento::before {
  content: "";
  position: absolute;
  left: calc(467 * var(--u));
  top: calc(333 * var(--u));
  width: calc(986 * var(--u));
  height: calc(587 * var(--u));
  z-index: -1;
  background: var(--logo-escuro) center / contain no-repeat;
  opacity: 0.066;
}

.Atendimento::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(178, 157, 132, 0) 34.52%, rgba(178, 157, 132, 0.324) 47.79%, rgba(178, 157, 132, 0.54) 67.09%, rgba(96, 75, 50, 0.54) 135.8%);
}

.Atendimento > h2,
.perguntas-frequentes > h2 {
  font-family: var(--fonte-titulo);
  font-size: calc(70 * var(--u));
  line-height: calc(60 * var(--u));
  font-weight: 700;
  letter-spacing: -0.01em;
  background: var(--degrade-texto-titulo);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: var(--grafite);
  color: var(--grafite);
}

.Atendimento > h2 span,
.perguntas-frequentes > h2 span {
  display: block;
  font-family: var(--fonte-texto);
  font-style: italic;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.Atendimento > h2 {
  position: absolute;
  left: calc(585 * var(--u));
  top: calc(123 * var(--u));
  width: calc(797 * var(--u));
  text-align: center;
}

.Atendimento > p {
  position: absolute;
  left: calc(463 * var(--u));
  top: calc(374 * var(--u));
  width: calc(975 * var(--u));
  font-size: calc(25 * var(--u));
  line-height: calc(38 * var(--u));
  text-align: center;
}

.Atendimento p span { font-weight: 700; }

.passos {
  position: absolute;
  left: calc(371.5 * var(--u));
  top: calc(541 * var(--u));
  display: grid;
  grid-template-columns: repeat(3, calc(362 * var(--u)));
  column-gap: calc(40 * var(--u));
}

.passo {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.numero-passo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(149 * var(--u));
  height: calc(149 * var(--u));
  margin: calc(18 * var(--u)) 0 calc(18 * var(--u));
  border-radius: 50%;
  background: rgba(145, 111, 70, 0.62);
  border: calc(1 * var(--u)) solid var(--dourado);
  font-size: calc(54 * var(--u));
  line-height: calc(60 * var(--u));
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #000000;
}

.passo:nth-child(2) .numero-passo {
  width: calc(185 * var(--u));
  height: calc(185 * var(--u));
  margin: 0;
  background: var(--dourado);
}

.passo h3 {
  max-width: calc(362 * var(--u));
  font-size: calc(25 * var(--u));
  line-height: calc(38 * var(--u));
  font-weight: 700;
}

.passo p {
  width: calc(308 * var(--u));
  margin-top: calc(6 * var(--u));
  font-size: calc(18 * var(--u));
  line-height: calc(27 * var(--u));
}

.passo:not(:last-child)::after {
  content: "";
  position: absolute;
  top: calc(86.5 * var(--u));
  width: calc(90 * var(--u));
  height: calc(12 * var(--u));
  background: var(--icone-seta-passo) center / 100% 100% no-repeat;
}

.passo:nth-child(1)::after { left: calc(345.5 * var(--u)); }
.passo:nth-child(2)::after { left: calc(336.5 * var(--u)); }

.quadrados-atendimento {
  position: absolute;
  left: 50%;
  top: calc(954 * var(--u));
  transform: translateX(-50%);
}

.estatisticas {
  display: grid;
  gap: calc(1.67 * var(--u));
}

.quadrados-atendimento .estatisticas { grid-template-columns: repeat(3, calc(332.67 * var(--u))); }

.dado {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--marrom);
  border-radius: calc(10 * var(--u));
  box-shadow: 0 calc(4 * var(--u)) calc(24 * var(--u)) rgba(0, 0, 0, 0.1);
  filter: drop-shadow(0 calc(4 * var(--u)) calc(4 * var(--u)) rgba(0, 0, 0, 0.25));
  text-align: center;
  color: var(--creme);
  letter-spacing: -0.02em;
}

.quadrados-atendimento .dado {
  height: calc(220.95 * var(--u));
  border: calc(2 * var(--u)) solid rgba(145, 111, 70, 0.62);
}

.numero-dado {
  display: block;
  font-family: var(--fonte-titulo);
  font-size: calc(80 * var(--u));
  line-height: calc(107 * var(--u));
  font-weight: 400;
  color: var(--dourado);
}

.dado:nth-child(-n+2) .numero-dado::first-letter { font-size: calc(50 * var(--u)); }

.quadrados-atendimento .dado p {
  width: calc(303 * var(--u));
  margin-top: calc(-9 * var(--u));
  font-size: calc(20 * var(--u));
  line-height: calc(30 * var(--u));
}

.dado p span { font-weight: 700; }

.Atendimento + .botao-gradiente-dourado {
  position: relative;
  z-index: 1;
  margin: calc(-171 * var(--u)) auto calc(65 * var(--u));
  left: calc(-18 * var(--u));
}

.perguntas-frequentes {
  position: relative;
  isolation: isolate;
  height: calc(1100 * var(--u));
  background: var(--textura), var(--creme);
}

.perguntas-frequentes::before {
  content: "";
  position: absolute;
  left: calc(462 * var(--u));
  top: calc(343 * var(--u));
  width: calc(1026 * var(--u));
  height: calc(513 * var(--u));
  z-index: -1;
  background: var(--logo-escuro) center / contain no-repeat;
  opacity: 0.05;
}

.perguntas-frequentes > h2 {
  position: absolute;
  left: calc(130 * var(--u));
  top: calc(121 * var(--u));
  width: calc(408 * var(--u));
}

.perguntas-frequentes > p {
  position: absolute;
  left: calc(130 * var(--u));
  top: calc(264 * var(--u));
  width: calc(463 * var(--u));
  font-size: calc(18 * var(--u));
  line-height: calc(27 * var(--u));
}

.botao_esquerda,
.botao_direita {
  position: absolute;
  top: calc(525 * var(--u));
}

.botao_esquerda { left: calc(72 * var(--u)); }
.botao_direita { left: calc(1821 * var(--u)); }

.perguntas-frequentes .Janela {
  position: absolute;
  left: calc(125 * var(--u));
  top: calc(345 * var(--u));
  width: calc(1675 * var(--u));
  height: calc(407 * var(--u));
  overflow: hidden;
}

.perguntas-frequentes .Trilho {
  display: grid;
  grid-template-columns: repeat(3, calc(555 * var(--u)));
  grid-auto-rows: minmax(calc(98 * var(--u)), auto);
  gap: calc(5 * var(--u));
}

.perguntas-frequentes details {
  background: rgba(59, 48, 36, 0.72);
  border: calc(1 * var(--u)) solid var(--dourado);
  border-radius: calc(10 * var(--u));
  box-shadow: 0 calc(4 * var(--u)) calc(24 * var(--u)) rgba(0, 0, 0, 0.1);
  color: var(--creme);
  letter-spacing: -0.02em;
}

.perguntas-frequentes summary {
  min-height: calc(96 * var(--u));
  padding: 0 calc(60 * var(--u)) 0 calc(32 * var(--u));
  font-size: calc(18 * var(--u));
  line-height: calc(27 * var(--u));
}

.perguntas-frequentes summary::after {
  right: calc(20 * var(--u));
  width: calc(13 * var(--u));
  height: calc(13 * var(--u));
  background:
    linear-gradient(currentColor, currentColor) center / 100% calc(1 * var(--u)) no-repeat,
    linear-gradient(currentColor, currentColor) center / calc(1 * var(--u)) 100% no-repeat;
}

.perguntas-frequentes details[open] summary::after {
  background: linear-gradient(currentColor, currentColor) center / 100% calc(1 * var(--u)) no-repeat;
}

.perguntas-frequentes details p {
  padding: 0 calc(32 * var(--u)) calc(20 * var(--u));
  font-size: calc(16 * var(--u));
  line-height: calc(24 * var(--u));
}

.perguntas-frequentes .bolinhas-trilho {
  position: absolute;
  left: calc(943 * var(--u));
  top: calc(779 * var(--u));
}

.perguntas-frequentes > h3 {
  position: absolute;
  left: calc(629 * var(--u));
  top: calc(810 * var(--u));
  width: calc(662 * var(--u));
  font-size: calc(22 * var(--u));
  line-height: calc(33 * var(--u));
  font-weight: 700;
  text-align: center;
}

.perguntas-frequentes .botao-gradiente-dourado {
  position: absolute;
  left: calc(768 * var(--u));
  top: calc(895 * var(--u));
  width: calc(384 * var(--u));
}

.a_advogada {
  position: relative;
  isolation: isolate;
  height: calc(1615 * var(--u));
  padding-top: calc(979 * var(--u));
  background:
    linear-gradient(275.49deg, #655037 -30.7%, #66461E -12.06%, #332716 0.05%, #423626 30.04%, #514436 51.22%, rgba(78, 65, 47, 0.91) 57.57%, rgba(72, 53, 29, 0.758358) 62.88%, rgba(87, 62, 30, 0.704122) 67.5%, rgba(108, 82, 50, 0.688406) 71.9%, rgba(119, 93, 61, 0.68) 74.21%, rgba(161, 137, 106, 0.45) 91.78%, rgba(103, 79, 49, 0.5) 103.01%, rgba(60, 41, 15, 0.52) 110.87%, rgba(213, 197, 176, 0) 127.83%, rgba(213, 197, 176, 0) 149.14%) left top / 100% calc(979 * var(--u)) no-repeat border-box,
    url("../img/textura-fundo.png") 0 0 / calc(1200 * var(--u)) repeat content-box;
  background-origin: border-box, content-box;
}

.a_advogada::after {
  content: "";
  position: absolute;
  left: calc(15 * var(--u));
  top: calc(1149 * var(--u));
  width: calc(910 * var(--u));
  height: calc(455 * var(--u));
  z-index: -1;
  background: var(--logo-escuro) center / contain no-repeat;
  opacity: 0.05;
}

.a_advogada::before {
  content: "";
  position: absolute;
  left: calc(66 * var(--u));
  top: calc(63 * var(--u));
  width: calc(549 * var(--u));
  height: calc(863 * var(--u));
  background: rgba(42, 29, 13, 0.75);
  border: calc(1 * var(--u)) solid var(--dourado);
  border-radius: calc(10 * var(--u));
  box-shadow: 0 calc(1 * var(--u)) calc(11.4 * var(--u)) calc(4 * var(--u)) rgba(0, 0, 0, 0.1);
}

.foto-taianne-sobre-ela {
  position: absolute;
  left: calc(87 * var(--u));
  top: calc(53 * var(--u));
  width: calc(533 * var(--u));
  height: calc(873 * var(--u));
  max-width: none;
  object-fit: cover;
}

.a_advogada > h3:first-of-type {
  position: absolute;
  left: calc(1142 * var(--u));
  top: calc(150 * var(--u));
  width: calc(185 * var(--u));
  font-size: calc(18 * var(--u));
  line-height: calc(27 * var(--u));
  font-weight: 400;
  letter-spacing: 0.63em;
  text-transform: uppercase;
  color: var(--creme);
  text-shadow: 0 calc(1 * var(--u)) calc(10 * var(--u)) rgba(0, 0, 0, 0.25);
}

.a_advogada > h2 {
  position: absolute;
  left: calc(922 * var(--u));
  top: calc(170 * var(--u));
  width: calc(657 * var(--u));
  font-family: var(--fonte-titulo);
  font-size: calc(60 * var(--u));
  line-height: calc(80 * var(--u));
  font-weight: 700;
  letter-spacing: -0.02em;
  text-align: center;
  color: var(--creme);
  text-shadow: 0 calc(4 * var(--u)) calc(11.1 * var(--u)) rgba(0, 0, 0, 0.25);
}

.a_advogada > h2::after {
  content: "";
  position: absolute;
  left: calc(12 * var(--u));
  top: calc(80 * var(--u));
  width: calc(645 * var(--u));
  height: calc(4 * var(--u));
  background: var(--dourado);
}

.a_advogada > h3:nth-of-type(2) {
  position: absolute;
  left: calc(965 * var(--u));
  top: calc(254 * var(--u));
  width: calc(538 * var(--u));
  font-size: calc(18 * var(--u));
  line-height: calc(27 * var(--u));
  font-weight: 700;
  font-style: italic;
  letter-spacing: -0.02em;
  text-align: center;
  white-space: nowrap;
  background: linear-gradient(269.97deg, #FFE282 -8.27%, #6D5A1C 133.32%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  filter: drop-shadow(0 calc(4 * var(--u)) calc(11.1 * var(--u)) rgba(0, 0, 0, 0.25));
}

.a_advogada > p:not(.oab-taianne) {
  position: absolute;
  left: calc(824 * var(--u));
  top: calc(352 * var(--u));
  width: calc(743 * var(--u));
  font-size: calc(25 * var(--u));
  line-height: calc(38 * var(--u));
  letter-spacing: -0.02em;
  color: var(--creme);
}

.a_advogada > p:not(.oab-taianne) span {
  display: block;
  font-weight: 700;
  font-style: italic;
}

.a_advogada > p:not(.oab-taianne)::before {
  content: "";
  position: absolute;
  left: calc(-11 * var(--u));
  top: calc(8 * var(--u));
  width: calc(4 * var(--u));
  height: calc(106 * var(--u));
  background: var(--dourado);
}

.oab-taianne {
  position: absolute;
  left: calc(117 * var(--u));
  top: calc(810 * var(--u));
  width: calc(447 * var(--u));
  height: calc(116 * var(--u));
  padding-top: calc(22 * var(--u));
  background: #2A1D0D;
  border: calc(1 * var(--u)) solid var(--dourado);
  border-radius: calc(10 * var(--u));
  box-shadow: 0 calc(1 * var(--u)) calc(10 * var(--u)) rgba(0, 0, 0, 0.17);
  font-size: calc(20 * var(--u));
  line-height: calc(30 * var(--u));
  letter-spacing: -0.02em;
  text-align: center;
  color: var(--creme);
}

.estatisticas-taianne {
  position: absolute;
  left: calc(813 * var(--u));
  top: calc(535 * var(--u));
}

.estatisticas-taianne .estatisticas {
  grid-template-columns: repeat(3, calc(285.62 * var(--u)));
  gap: calc(1.67 * var(--u));
}

.estatisticas-taianne .dado {
  height: calc(189.7 * var(--u));
  border: calc(2 * var(--u)) solid rgba(145, 111, 70, 0.62);
}

.estatisticas-taianne .numero-dado { margin-top: calc(-10 * var(--u)); }

.estatisticas-taianne .dado p {
  width: calc(250 * var(--u));
  margin-top: calc(-2 * var(--u));
  font-size: calc(16 * var(--u));
  line-height: calc(24 * var(--u));
}

.estatisticas-taianne .dado:nth-child(2) p { font-weight: 700; }

.a_advogada > .botao-gradiente-dourado {
  position: absolute;
  left: calc(1075 * var(--u));
  top: calc(772 * var(--u));
  width: calc(335 * var(--u));
  height: calc(119 * var(--u));
  padding: 0 calc(25 * var(--u));
  background: var(--degrade-botao-2);
  border-color: #000000;
  font-size: calc(30 * var(--u));
  line-height: calc(45 * var(--u));
  font-weight: 400;
  text-shadow: 0 calc(4 * var(--u)) calc(3.9 * var(--u)) rgba(255, 250, 244, 0.3);
}

.a_advogada > .botao-gradiente-dourado span { font-weight: 700; }

.avaliacoes-bloco {
  position: absolute;
  left: calc(223 * var(--u));
  top: calc(1020 * var(--u));
  width: calc(1474 * var(--u));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.avaliacoes-cabecalho {
  display: flex;
  align-items: center;
  gap: calc(32 * var(--u));
  color: var(--grafite);
  letter-spacing: -0.02em;
}

.avaliacoes-cabecalho__texto {
  display: flex;
  flex-direction: column;
  gap: calc(6 * var(--u));
}

.resumo-google__selo {
  position: relative;
  width: calc(300 * var(--u));
  height: calc(86 * var(--u));
  background: var(--degrade-botao-2);
  border: calc(1 * var(--u)) solid #000000;
  border-radius: calc(43 * var(--u));
  box-shadow: 0 calc(1 * var(--u)) calc(10 * var(--u)) rgba(0, 0, 0, 0.25);
}

.resumo-google__selo svg {
  position: absolute;
}

.resumo-google__selo svg:first-child {
  left: calc(22 * var(--u));
  top: calc(16 * var(--u));
  width: calc(46 * var(--u));
  height: calc(47 * var(--u));
  filter: drop-shadow(0 calc(4 * var(--u)) calc(10 * var(--u)) rgba(0, 0, 0, 0.24));
}

.resumo-google__selo svg:nth-child(2) {
  left: calc(89 * var(--u));
  top: calc(23 * var(--u));
  width: calc(164 * var(--u));
  height: calc(25 * var(--u));
  filter: drop-shadow(0 calc(4 * var(--u)) calc(4 * var(--u)) rgba(0, 0, 0, 0.24));
}

.resumo-google__selo p {
  position: absolute;
  left: calc(82 * var(--u));
  top: calc(52 * var(--u));
  width: calc(178 * var(--u));
  font-size: calc(13 * var(--u));
  line-height: calc(19 * var(--u));
  text-align: center;
}

.resumo-google__texto {
  width: calc(540 * var(--u));
  font-size: calc(20 * var(--u));
  line-height: calc(30 * var(--u));
  text-align: left;
}

.resumo-google__texto span { font-weight: 700; }

.cards-avaliacao-google {
  width: 100%;
  margin-top: calc(94 * var(--u));
  overflow: hidden;
}

.trilho-avaliacoes {
  display: flex;
  align-items: flex-start;
  gap: calc(24 * var(--u));
  width: max-content;
  animation: deslizar-avaliacoes 75s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .trilho-avaliacoes { animation: none; }
  .cards-avaliacao-google { overflow-x: auto; }
}

.cards-avaliacao-google .avaliacao {
  flex: none;
  width: calc(350.5 * var(--u));
}

.avaliacao {
  position: relative;
  height: calc(270 * var(--u));
  padding: calc(33 * var(--u)) calc(32 * var(--u));
  background: var(--creme);
  border-radius: calc(10 * var(--u));
  filter: drop-shadow(0 calc(1 * var(--u)) calc(10 * var(--u)) rgba(0, 0, 0, 0.25));
  color: var(--grafite);
  display: flex;
  flex-direction: column;
}

.avaliacao__topo {
  display: flex;
  align-items: center;
  gap: calc(11 * var(--u));
}

.avaliacao__topo svg:first-child {
  width: calc(38.28 * var(--u));
  height: calc(39.2 * var(--u));
}

.avaliacao__topo svg:last-child {
  width: calc(135.39 * var(--u));
  height: calc(20.81 * var(--u));
}

.nome-avaliacao {
  margin-top: calc(10 * var(--u));
  font-size: calc(16 * var(--u));
  line-height: calc(24 * var(--u));
  font-weight: 700;
}

.texto-avaliacao {
  margin-top: calc(8 * var(--u));
  font-size: calc(14 * var(--u));
  line-height: calc(20 * var(--u));
}

.a_advogada > .bolinhas-trilho {
  position: absolute;
  left: calc(1255 * var(--u));
  top: calc(1519 * var(--u));
}

.contato-e-mapa {
  position: relative;
  padding: calc(110 * var(--u)) 0 calc(130 * var(--u));
  background: var(--creme);
}

.contato {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc(1474 * var(--u));
  margin: 0 auto;
}

.contato > h2 {
  max-width: calc(820 * var(--u));
  font-size: calc(32 * var(--u));
  line-height: calc(44 * var(--u));
  font-weight: 400;
  letter-spacing: -0.01em;
  color: var(--grafite);
}

.contato > h2 span { font-weight: 700; color: var(--dourado); }

.botao-whatsapp--contato {
  margin-top: calc(32 * var(--u));
  width: calc(700 * var(--u));
  height: calc(66 * var(--u));
  border-radius: calc(33 * var(--u));
  box-shadow: 0 calc(1 * var(--u)) calc(10 * var(--u)) rgba(0, 0, 0, 0.2);
  font-size: calc(18 * var(--u));
  line-height: calc(26 * var(--u));
}

.botao-whatsapp--contato svg {
  width: calc(22 * var(--u));
  height: calc(22 * var(--u));
}

.contato__redes {
  margin-top: calc(40 * var(--u));
}

.contato__redes h3 {
  font-size: calc(18 * var(--u));
  line-height: calc(27 * var(--u));
  font-weight: 700;
  margin-bottom: calc(14 * var(--u));
  color: var(--grafite);
}

.contato__redes-grid {
  display: grid;
  grid-template-columns: repeat(2, calc(340 * var(--u)));
  gap: calc(16 * var(--u));
}

.contato__redes-grid .link-social {
  display: flex;
  align-items: center;
  gap: calc(10 * var(--u));
  height: calc(56 * var(--u));
  padding-left: calc(20 * var(--u));
  background: var(--marrom);
  border: calc(1 * var(--u)) solid rgba(211, 175, 55, 0.3);
  border-radius: calc(10 * var(--u));
  font-size: calc(16 * var(--u));
  font-weight: 600;
  color: var(--creme);
}

.contato__redes-grid .link-social:hover { border-color: var(--dourado); }

.link-social svg {
  flex-shrink: 0;
  width: calc(20 * var(--u));
  height: calc(20 * var(--u));
}

.rodape {
  position: relative;
  height: calc(640 * var(--u));
  background: var(--marrom);
  color: var(--creme);
  letter-spacing: -0.02em;
}

.rodape::after {
  content: "";
  position: absolute;
  left: calc(48 * var(--u));
  top: calc(567 * var(--u));
  width: calc(1775 * var(--u));
  height: calc(1 * var(--u));
  background: var(--grafite);
  opacity: 0.9;
}

.rodape__marca {
  position: absolute;
  left: calc(59 * var(--u));
  top: calc(170 * var(--u));
  width: calc(700 * var(--u));
}

.rodape__marca img {
  position: absolute;
  left: 0;
  top: calc(11 * var(--u));
  width: calc(109 * var(--u));
  height: calc(63 * var(--u));
  object-fit: contain;
}

.rodape__nome {
  position: absolute;
  left: calc(89 * var(--u));
  top: 0;
  width: calc(560 * var(--u));
  font-family: var(--fonte-titulo);
  font-size: calc(40 * var(--u));
  line-height: calc(53 * var(--u));
  font-weight: 700;
  color: #FFFFFF;
}

.rodape__nome::before { content: "•  "; }

.rodape__nome span {
  position: absolute;
  left: calc(49 * var(--u));
  top: calc(43 * var(--u));
  white-space: nowrap;
  font-family: var(--fonte-texto);
  font-size: calc(24 * var(--u));
  line-height: calc(36 * var(--u));
  font-weight: 400;
  color: var(--dourado);
}

.rodape__marca > p:not(.rodape__nome) {
  position: absolute;
  left: 0;
  top: calc(106 * var(--u));
  font-size: calc(24 * var(--u));
  line-height: calc(36 * var(--u));
}

.rodape__marca address {
  position: absolute;
  left: 0;
  top: calc(135 * var(--u));
  width: calc(608 * var(--u));
  font-style: normal;
  font-size: calc(18 * var(--u));
  line-height: calc(29 * var(--u));
}

.rodape h2 {
  font-size: calc(24 * var(--u));
  line-height: calc(36 * var(--u));
  font-weight: 400;
  color: var(--dourado);
}

.rodape__navegacao {
  position: absolute;
  left: calc(865 * var(--u));
  top: calc(182 * var(--u));
  width: calc(240 * var(--u));
}

.rodape__navegacao::before,
.rodape__navegacao::after {
  content: "";
  position: absolute;
  top: 0;
  width: calc(1 * var(--u));
  height: calc(268 * var(--u));
  background: var(--grafite);
  opacity: 0.8;
}

.rodape__navegacao::before { left: calc(-101 * var(--u)); }
.rodape__navegacao::after { left: calc(308 * var(--u)); }

.rodape__navegacao ul { margin-top: calc(6 * var(--u)); }

.rodape__navegacao a {
  font-size: calc(18 * var(--u));
  line-height: calc(40 * var(--u));
}

.rodape__redes {
  position: absolute;
  left: calc(1271 * var(--u));
  top: calc(182 * var(--u));
}

.rodape__redes h2 { margin-left: calc(2 * var(--u)); }

.rodape__redes ul {
  display: flex;
  flex-direction: column;
  gap: calc(19.7 * var(--u));
  margin-top: calc(7 * var(--u));
}

.rodape__redes .link-social {
  display: flex;
  align-items: center;
  gap: calc(3 * var(--u));
  font-size: calc(18 * var(--u));
  line-height: calc(27 * var(--u));
}

.rodape__base {
  position: absolute;
  left: 0;
  top: calc(594 * var(--u));
  width: 100%;
  height: calc(31 * var(--u));
  font-size: calc(18 * var(--u));
  line-height: calc(27 * var(--u));
  color: var(--dourado);
}

.rodape__base > * {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  gap: calc(4 * var(--u));
}

.rodape__base small { left: calc(36 * var(--u)); font-size: inherit; }
.rodape__base small::before { content: "•  "; }
.rodape__base > a { left: calc(732 * var(--u)); }
.rodape__base p { left: calc(1180 * var(--u)); gap: calc(6 * var(--u)); }
.rodape__base p a { display: flex; align-items: center; gap: calc(3 * var(--u)); }

.rodape__base svg {
  width: calc(31 * var(--u));
  height: calc(31 * var(--u));
}

@property --z {
  syntax: '<number>';
  inherits: true;
  initial-value: 1;
}

@keyframes brilho-dourado {
  from { background-position: 100% 0; }
  to   { background-position: 0% 0; }
}

:root {
  --textura: linear-gradient(rgba(255, 250, 244, 0.55), rgba(255, 250, 244, 0.55)), url("../img/ruido-textura.png") 0 0 / 200px repeat, url("../img/textura-fundo.png") 0 0 / calc(1200 * var(--u)) repeat;
  --ouro-escuro: #947514;
  --ouro-claro: #F6D873;
}

.textos-tela-inicial h1,
.textos-tela-inicial h2,
.Atendimento > h2,
.perguntas-frequentes > h2 {
  background: none;
}

.textos-tela-inicial h1 span,
.textos-tela-inicial h2 span,
.areas-de-atuacao > h2,
.direito-trabalhista h3,
.direito-previdenciario h3,
.Atendimento > h2 span,
.perguntas-frequentes > h2 span,
.a_advogada > h3:nth-of-type(2) {
  background-image: linear-gradient(90deg, var(--ouro-escuro) 0%, var(--ouro-claro) 25%, var(--ouro-escuro) 50%, var(--ouro-claro) 75%, var(--ouro-escuro) 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: brilho-dourado 3.5s linear infinite;
}

.direito-previdenciario h3,
.a_advogada > h3:nth-of-type(2) {
  --ouro-escuro: #B8952C;
  --ouro-claro: #FFF0B3;
}

.areas-de-atuacao .badge,
.resumo-google__selo {
  background-image: linear-gradient(90deg, #7E6820 0%, #EDCB55 25%, #7E6820 50%, #EDCB55 75%, #7E6820 100%);
  background-size: 200% 100%;
  animation: brilho-dourado 3.5s linear infinite;
}

.direito-previdenciario .badge {
  background-image: linear-gradient(90deg, #8A7222 0%, #F2CB4B 25%, #8A7222 50%, #F2CB4B 75%, #8A7222 100%);
}

.botao-gradiente-dourado,
.botao-whatsapp {
  transition: transform 0.3s ease;
}

.botao-gradiente-dourado--hero { font-style: normal; }

.botao-gradiente-dourado:hover,
.botao-gradiente-dourado:focus-visible {
  transform: scale(1.08);
  font-style: italic;
}

.botao-whatsapp:hover,
.botao-whatsapp:focus-visible {
  transform: scale(1.08);
}

.esquerda, .direita,
.botao_esquerda, .botao_direita,
.botao-esquerda, .botao-direita,
.seta {
  cursor: pointer;
  opacity: 0.8;
  transition: transform 0.25s ease, opacity 0.25s ease, color 0.25s ease;
}

.esquerda:hover, .direita:hover,
.botao_esquerda:hover, .botao_direita:hover,
.botao-esquerda:hover, .botao-direita:hover,
.esquerda:focus-visible, .direita:focus-visible,
.botao_esquerda:focus-visible, .botao_direita:focus-visible,
.botao-esquerda:focus-visible, .botao-direita:focus-visible {
  transform: scale(1.3);
  opacity: 1;
  color: #000000;
}

.seta:hover { transform: scale(1.3); opacity: 1; color: #FFFFFF; }

.bolinhas-trilho span {
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.bolinhas-trilho span:hover { transform: scale(1.2); }

.hero-tela-inicial .carrossel-trilho,
.perguntas-frequentes .carrossel-trilho,
.cards-avaliacao-google .carrossel-trilho {
  display: flex;
  align-items: flex-start;
  gap: var(--page-gap, 0px);
  transform: translateX(calc(var(--i, 0) * -1 * (100% + var(--page-gap, 0px))));
  transition: transform 0.7s cubic-bezier(0.45, 0, 0.2, 1);
}

.carrossel-pagina {
  flex: 0 0 100%;
  display: flex;
  align-items: flex-start;
  gap: var(--gap-x);
}

.carrossel-coluna {
  flex: 0 0 var(--col-w);
  display: flex;
  flex-direction: column;
  gap: var(--gap-y);
}

.hero-tela-inicial {
  --col-w: calc(293 * var(--u));
  --gap-x: calc(16 * var(--u));
  --gap-y: calc(15 * var(--u));
}

.pergunta { height: calc(114 * var(--u)); }

.perguntas-frequentes {
  --col-w: calc(555 * var(--u));
  --gap-x: calc(5 * var(--u));
  --gap-y: calc(5 * var(--u));
  --page-gap: calc(60 * var(--u));
  height: auto;
  min-height: calc(1100 * var(--u));
  padding: calc(345 * var(--u)) 0 calc(99 * var(--u));
}

.perguntas-frequentes .Janela {
  position: relative;
  left: auto;
  top: auto;
  margin-left: calc(125 * var(--u));
  height: auto;
  min-height: calc(407 * var(--u));
  overflow: visible;
  overflow-x: clip;
}

.perguntas-frequentes .bolinhas-trilho {
  position: static;
  justify-content: center;
  margin-top: calc(27 * var(--u));
}

.perguntas-frequentes > h3 {
  position: static;
  margin: calc(15 * var(--u)) auto 0;
}

.perguntas-frequentes .botao-gradiente-dourado {
  position: relative;
  left: auto;
  top: auto;
  margin: calc(19 * var(--u)) auto 0;
}

.a_advogada { height: calc(1615 * var(--u)); }
.a_advogada > .bolinhas-trilho { top: calc(1519 * var(--u) + var(--extra, 0px)); }

.areas-de-atuacao details,
.perguntas-frequentes details {
  position: relative;
  transition: transform 0.3s ease, background-color 0.3s ease;
}

.areas-de-atuacao details[open],
.perguntas-frequentes details[open] {
  z-index: 1;
  transform: scale(1.02);
}

.areas-de-atuacao details:hover,
.perguntas-frequentes details:hover {
  z-index: 2;
  transform: scale(1.04);
}

.areas-de-atuacao details:hover summary,
.areas-de-atuacao details[open] summary,
.perguntas-frequentes details:hover summary,
.perguntas-frequentes details[open] summary {
  font-style: italic;
}

.perguntas-frequentes details[open] { background-color: rgb(59, 48, 36); }

.estatisticas {
  display: flex;
  align-items: center;
}

.dado {
  --z: 1;
  flex: 0 0 auto;
  width: calc(var(--dw) * var(--u) * var(--z));
  height: calc(var(--dh) * var(--u) * var(--z));
  transition: --z 0.35s ease;
  cursor: default;
}

.quadrados-atendimento .dado { --dw: 332.67; --dh: 220.95; height: calc(var(--dh) * var(--u) * var(--z)); }
.estatisticas-taianne .dado { --dw: 285.62; --dh: 189.7; height: calc(var(--dh) * var(--u) * var(--z)); }

.dado:hover { --z: 1.12; z-index: 2; }

.numero-dado {
  font-size: calc(80 * var(--u) * var(--z));
  line-height: calc(107 * var(--u) * var(--z));
}

.dado:nth-child(-n+2) .numero-dado::first-letter { font-size: calc(50 * var(--u) * var(--z)); }

.quadrados-atendimento .dado p {
  width: calc(303 * var(--u) * var(--z));
  margin-top: calc(-9 * var(--u) * var(--z));
  font-size: calc(20 * var(--u) * var(--z));
  line-height: calc(30 * var(--u) * var(--z));
}

.estatisticas-taianne .numero-dado { margin-top: calc(-10 * var(--u) * var(--z)); }

.estatisticas-taianne .dado p {
  width: calc(250 * var(--u) * var(--z));
  margin-top: calc(-2 * var(--u) * var(--z));
  font-size: calc(16 * var(--u) * var(--z));
  line-height: calc(24 * var(--u) * var(--z));
}

body::after {
  content: "";
  position: absolute;
  top: calc(2 * var(--u));
  left: 0;
  right: 0;
  height: calc(1021 * var(--u));
  z-index: -1;
  pointer-events: none;
  opacity: 0.4;
  background: url("../img/ruido-topo.png") 0 0 / 200px repeat;
  -webkit-mask-image: linear-gradient(288.02deg, rgba(126, 89, 52, 0.24) 6.21%, rgba(203, 195, 185, 0.135) 13.72%, rgba(188, 172, 153, 0.27) 21.89%, rgba(140, 109, 72, 0.23) 36.11%, rgba(123, 95, 61, 0.46) 50.32%, rgba(118, 93, 63, 0.515) 62.45%, rgba(107, 82, 52, 0.49625) 69.8%, rgba(101, 72, 37, 0.4775) 78.64%, rgba(94, 62, 23, 0.45875) 86.14%, rgba(88, 60, 25, 0.459375) 92.35%, rgba(85, 59, 26, 0.459688) 97.44%, rgba(59, 32, 0, 0.53) 108.26%);
  mask-image: linear-gradient(288.02deg, rgba(126, 89, 52, 0.24) 6.21%, rgba(203, 195, 185, 0.135) 13.72%, rgba(188, 172, 153, 0.27) 21.89%, rgba(140, 109, 72, 0.23) 36.11%, rgba(123, 95, 61, 0.46) 50.32%, rgba(118, 93, 63, 0.515) 62.45%, rgba(107, 82, 52, 0.49625) 69.8%, rgba(101, 72, 37, 0.4775) 78.64%, rgba(94, 62, 23, 0.45875) 86.14%, rgba(88, 60, 25, 0.459375) 92.35%, rgba(85, 59, 26, 0.459688) 97.44%, rgba(59, 32, 0, 0.53) 108.26%);
}

.direito-trabalhista {
  background: linear-gradient(rgba(255, 250, 244, 0.55), rgba(255, 250, 244, 0.55)), url("../img/ruido-card.png") 0 0 / 200px repeat, var(--creme);
}

.Atendimento::after {
  background:
    url("../img/ruido-atendimento.png") 0 0 / 200px repeat,
    linear-gradient(180deg, rgb(178, 157, 132) 0%, rgb(178, 157, 132) 67.09%, rgb(96, 75, 50) 135.8%);
  -webkit-mask-image: linear-gradient(180deg, transparent 34.52%, rgba(0, 0, 0, 0.324) 47.79%, rgba(0, 0, 0, 0.54) 67.09%, rgba(0, 0, 0, 0.54) 135.8%);
  mask-image: linear-gradient(180deg, transparent 34.52%, rgba(0, 0, 0, 0.324) 47.79%, rgba(0, 0, 0, 0.54) 67.09%, rgba(0, 0, 0, 0.54) 135.8%);
}

.a_advogada {
  background:
    linear-gradient(275.49deg, #655037 -30.7%, #66461E -12.06%, #332716 0.05%, #423626 30.04%, #514436 51.22%, rgba(78, 65, 47, 0.91) 57.57%, rgba(72, 53, 29, 0.758358) 62.88%, rgba(87, 62, 30, 0.704122) 67.5%, rgba(108, 82, 50, 0.688406) 71.9%, rgba(119, 93, 61, 0.68) 74.21%, rgba(161, 137, 106, 0.45) 91.78%, rgba(103, 79, 49, 0.5) 103.01%, rgba(60, 41, 15, 0.52) 110.87%, rgba(213, 197, 176, 0) 127.83%, rgba(213, 197, 176, 0) 149.14%) left top / 100% calc(979 * var(--u)) no-repeat border-box,
    url("../img/ruido-textura.png") 0 0 / 200px repeat content-box,
    url("../img/textura-fundo.png") 0 0 / calc(1200 * var(--u)) repeat content-box;
  background-origin: border-box, content-box, content-box;
}

.a_advogada::after {
  left: 0;
  top: 0;
  width: 100%;
  height: calc(979 * var(--u));
  opacity: 0.45;
  pointer-events: none;
  background: url("../img/ruido-advogada.png") 0 0 / 200px repeat;
  -webkit-mask-image: linear-gradient(275.49deg, #655037 -30.7%, #66461E -12.06%, #332716 0.05%, #423626 30.04%, #514436 51.22%, rgba(78, 65, 47, 0.91) 57.57%, rgba(72, 53, 29, 0.758358) 62.88%, rgba(87, 62, 30, 0.704122) 67.5%, rgba(108, 82, 50, 0.688406) 71.9%, rgba(119, 93, 61, 0.68) 74.21%, rgba(161, 137, 106, 0.45) 91.78%, rgba(103, 79, 49, 0.5) 103.01%, rgba(60, 41, 15, 0.52) 110.87%, rgba(213, 197, 176, 0) 127.83%, rgba(213, 197, 176, 0) 149.14%);
  mask-image: linear-gradient(275.49deg, #655037 -30.7%, #66461E -12.06%, #332716 0.05%, #423626 30.04%, #514436 51.22%, rgba(78, 65, 47, 0.91) 57.57%, rgba(72, 53, 29, 0.758358) 62.88%, rgba(87, 62, 30, 0.704122) 67.5%, rgba(108, 82, 50, 0.688406) 71.9%, rgba(119, 93, 61, 0.68) 74.21%, rgba(161, 137, 106, 0.45) 91.78%, rgba(103, 79, 49, 0.5) 103.01%, rgba(60, 41, 15, 0.52) 110.87%, rgba(213, 197, 176, 0) 127.83%, rgba(213, 197, 176, 0) 149.14%);
}

.resumo-google::before {
  content: "";
  position: absolute;
  left: calc(-208 * var(--u));
  top: calc(61 * var(--u));
  width: calc(910 * var(--u));
  height: calc(455 * var(--u));
  z-index: -1;
  pointer-events: none;
  background: var(--logo-escuro) center / contain no-repeat;
  opacity: 0.05;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

.pergunta {
  padding: 0 calc(12 * var(--u));
  line-height: calc(34 * var(--u));
}

html { scroll-behavior: smooth; }
section[id], div[id] { scroll-margin-top: calc(90 * var(--u)); }

.barra-progresso {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 3px;
  transform-origin: 0 50%;
  transform: scaleX(var(--progresso, 0));
  background: linear-gradient(90deg, #947514, #F6D873, #D3AF37);
}

.cabecalho { position: fixed; z-index: 50; }

.cabecalho__menu a {
  transition: transform 0.25s ease, color 0.25s ease;
  transform-origin: center;
}

.cabecalho__menu li:not(:nth-child(6)) a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(-6 * var(--u));
  height: calc(3 * var(--u));
  background: var(--dourado);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

.cabecalho__menu a:hover,
.cabecalho__menu a.ativo {
  color: #947514;
  font-style: italic;
  font-weight: 600;
  transform: scale(1.08);
}

.cabecalho__menu a:hover::after,
.cabecalho__menu a.ativo::after { transform: scaleX(1); }

.cabecalho__menu li:nth-child(6) a:hover,
.cabecalho__menu li:nth-child(6) a.ativo { color: var(--grafite); background: var(--dourado); }

.surgir {
  opacity: 0;
  translate: 0 calc(40 * var(--u));
  transition: opacity 0.8s ease, translate 0.8s ease;
}

.surgir.visivel { opacity: 1; translate: 0 0; }

.textos-tela-inicial { padding-top: calc(250 * var(--u)); }
.textos-tela-inicial h1 { font-size: calc(58 * var(--u)); width: calc(960 * var(--u)); }
.textos-tela-inicial h2 { font-size: calc(29 * var(--u)); line-height: calc(44 * var(--u)); width: calc(760 * var(--u)); }
.textos-tela-inicial h4 { font-size: calc(16 * var(--u)); }
.pergunta { font-size: calc(21 * var(--u)); line-height: calc(29 * var(--u)); }
.foto-taianne-tela-inicial {
  left: calc(1375 * var(--u));
  top: calc(300 * var(--u));
  width: calc(530 * var(--u));
  height: calc(723 * var(--u));
}
.botao-gradiente-dourado--hero { font-size: calc(22 * var(--u)); }

.direito-trabalhista h3, .direito-previdenciario h3 { font-size: calc(46 * var(--u)); line-height: calc(42 * var(--u)); }
.direito-trabalhista h3::first-line, .direito-previdenciario h3::first-line { font-size: calc(30 * var(--u)); }
.areas-de-atuacao .badge { font-size: calc(16 * var(--u)); }
.direito-trabalhista > p, .direito-previdenciario > p { font-size: calc(16 * var(--u)); line-height: calc(25 * var(--u)); }
.areas-de-atuacao summary { font-size: calc(19 * var(--u)); min-height: calc(64 * var(--u)); }
.areas-de-atuacao details p { font-size: calc(16 * var(--u)); line-height: calc(24 * var(--u)); }
.areas-de-atuacao > h2 { font-size: calc(62 * var(--u)); }
.areas-de-atuacao > p { font-size: calc(22 * var(--u)); line-height: calc(34 * var(--u)); }
.direito-trabalhista { min-height: calc(975 * var(--u)); }
.direito-previdenciario { min-height: calc(790 * var(--u)); }

.cabecalho__menu ul {
  position: absolute;
  left: calc(590 * var(--u));
  right: calc(32 * var(--u));
  top: 0;
  height: calc(84 * var(--u));
  display: flex;
  align-items: center;
  gap: calc(42 * var(--u));
}

.cabecalho__menu li a,
.cabecalho__menu li:nth-child(n) a {
  position: relative;
  left: auto;
  top: auto;
  width: auto;
  height: auto;
  display: inline-block;
  background: none;
  font-size: calc(17 * var(--u));
  line-height: calc(26 * var(--u));
  letter-spacing: 0.01em;
}

.cabecalho__menu li:nth-child(6) a::after { display: block; }

.cabecalho__menu li:last-child { margin-left: auto; }
.cabecalho__menu li:last-child a {
  padding: calc(7 * var(--u)) calc(16 * var(--u));
  background: rgba(162, 133, 98, 0.62);
  border-radius: calc(10 * var(--u));
  font-size: calc(16 * var(--u));
}
.cabecalho__menu li:last-child a::after { display: none; }

.cabecalho__menu a:hover,
.cabecalho__menu a.ativo { color: #C9A232; }
.cabecalho__menu li:not(:last-child) a::after { background: #E2C25A; }
.cabecalho__menu li:last-child a:hover { color: var(--grafite); background: #E2C25A; }

.textos-tela-inicial h1 span,
.textos-tela-inicial h2 span { --ouro-escuro: #B8952C; --ouro-claro: #FBE38F; }

.botao-ver-areas {
  position: absolute;
  left: calc(858 * var(--u));
  top: calc(872 * var(--u));
  z-index: 2;
  width: calc(356 * var(--u));
  height: calc(52 * var(--u));
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(10 * var(--u));
  border: calc(1.5 * var(--u)) solid var(--grafite);
  border-radius: calc(10 * var(--u));
  background: rgba(255, 250, 244, 0.35);
  font-size: calc(18 * var(--u));
  font-weight: 600;
  color: var(--grafite);
  transition: transform 0.3s ease, background-color 0.3s ease;
}
.botao-ver-areas:hover,
.botao-ver-areas:focus-visible {
  transform: scale(1.08);
  font-style: italic;
  background: rgba(255, 250, 244, 0.7);
}

a.resumo-google__selo {
  display: block;
  color: var(--grafite);
  transition: transform 0.3s ease;
}
a.resumo-google__selo:hover,
a.resumo-google__selo:focus-visible { transform: scale(1.06); }
a.resumo-google__selo:hover p { font-style: italic; }

.cabecalho__menu li:nth-child(6):not(:last-child) a:hover,
.cabecalho__menu li:nth-child(6):not(:last-child) a.ativo { background: none; color: #C9A232; }

.versao-desktop { display: block; }
.versao-tablet, .versao-mobile { display: none; }

@media (max-width: 1024px) {
  .versao-desktop { display: none; }
}
@media (min-width: 600px) and (max-width: 1024px) {
  .versao-tablet { display: block; }
}
@media (max-width: 599px) {
  .versao-mobile { display: block; }
}

.versao-tablet, .versao-mobile {
  background: var(--creme);
  overflow-x: clip;
}

.versao-tablet *, .versao-mobile * { box-sizing: border-box; }

:where(.versao-tablet, .versao-mobile) :where(h1, h2, h3) {
  font-family: var(--fonte-titulo);
  color: var(--grafite);
  margin: 0;
}

:where(.versao-tablet, .versao-mobile) :where(p, span, a, li, input, button) {
  font-family: var(--fonte-texto);
  color: var(--grafite);
}

.vm-dourado, .vt-dourado {
  background-image: linear-gradient(90deg, #947514 0%, #F6D873 25%, #947514 50%, #F6D873 75%, #947514 100%);
  background-size: 200% 100%;
  display: inline-block;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: brilho-dourado 3.5s linear infinite;
}

.vm-titulo-dourado, .vt-titulo-dourado {
  background-image: linear-gradient(90deg, #947514 0%, #F6D873 25%, #947514 50%, #F6D873 75%, #947514 100%);
  background-size: 200% 100%;
  display: inline-block;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: brilho-dourado 3.5s linear infinite;
}

.vm-btn-dourado, .vt-btn-dourado {
  display: flex; align-items: center; justify-content: center; text-align: center;
  background: var(--degrade-botao);
  border: 1px solid var(--grafite);
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.25);
  font-weight: 700; color: var(--grafite);
  text-decoration: none;
}
.vm-btn-dourado { padding: 15px 18px; font-size: 15px; }
.vt-btn-dourado { padding: 16px 24px; font-size: 16px; }
.vm-btn-dourado:hover, .vt-btn-dourado:hover { font-style: italic; transform: scale(1.03); }

.vm-btn-contorno, .vt-btn-contorno {
  display: flex; align-items: center; justify-content: center; text-align: center;
  border: 1px solid var(--dourado);
  border-radius: 8px;
  color: var(--dourado);
  font-weight: 600;
  text-decoration: none;
}
.vm-btn-contorno { padding: 13px 18px; font-size: 14px; }
.vt-btn-contorno { padding: 13px 20px; font-size: 14px; width: fit-content; }
.vm-btn-contorno:hover, .vt-btn-contorno:hover { font-style: italic; transform: scale(1.03); }

.vm-btn-zap, .vt-btn-zap {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  background: var(--verde-zap); color: var(--creme);
  border: none; border-radius: 30px;
  font-weight: 700; text-decoration: none;
}
.vm-btn-zap { padding: 13px 18px; font-size: 14px; }
.vt-btn-zap { padding: 14px 22px; font-size: 14px; width: fit-content; }
.vm-btn-zap--grande, .vt-btn-zap--grande { width: 100%; padding: 16px; font-size: 15px; }
.vm-btn-zap svg, .vt-btn-zap svg { background: var(--icone-whatsapp) center / contain no-repeat; flex-shrink: 0; }

.vm-centralizado, .vt-centralizado { text-align: center; }

.vm-cabecalho, .vt-cabecalho {
  position: sticky; top: 0; z-index: 10;
  display: flex; align-items: center; justify-content: space-between;
  background: rgba(255,250,244,0.96);
  border-bottom: 1px solid rgba(35,31,32,0.08);
  backdrop-filter: blur(4px);
}
.vm-cabecalho { padding: 12px 18px; }
.vt-cabecalho { padding: 16px 36px; }
.vm-logo img, .vt-logo img { height: 32px; display: block; }
.vt-logo img { height: 36px; }

.vt-nav { display: flex; gap: 18px; }
.vt-nav a { font-size: 12.5px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.vt-nav a:hover { color: #8a6e1f; }

.vm-hamburguer {
  display: flex; flex-direction: column; justify-content: center; gap: 5px;
  width: 36px; height: 36px; padding: 6px;
  background: none; border: none; cursor: pointer;
}
.vm-hamburguer span { display: block; width: 100%; height: 2px; background: var(--grafite); transition: transform 0.25s ease, opacity 0.25s ease; }
.vm-hamburguer.aberto span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.vm-hamburguer.aberto span:nth-child(2) { opacity: 0; }
.vm-hamburguer.aberto span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.vm-nav {
  position: fixed; top: 60px; left: 0; right: 0; z-index: 9;
  display: flex; flex-direction: column; gap: 2px;
  background: var(--creme);
  border-bottom: 1px solid rgba(35,31,32,0.1);
  box-shadow: 0 10px 20px rgba(0,0,0,0.12);
  max-height: 0; overflow: hidden;
  transition: max-height 0.3s ease;
}
.vm-nav.aberto { max-height: 400px; }
.vm-nav a { padding: 14px 20px; font-size: 15px; font-weight: 600; text-decoration: none; border-bottom: 1px solid rgba(35,31,32,0.06); }
.vm-nav a:hover { color: #8a6e1f; background: rgba(211,175,55,0.08); }

.vm-hero, .vt-hero {
  position: relative;
  background:
    linear-gradient(275deg, #6b563d 0%, #4a3c2c 45%, #3B3024 75%, #241a0f 100%),
    url("../img/ruido-topo.png") 0 0 / 200px repeat;
  isolation: isolate;
}
.vm-hero {
  padding: 28px 20px 26px;
  display: flex; flex-direction: column; gap: 14px;
}
.vm-hero h1, .vm-hero h2, .vt-hero h1, .vt-hero h2 { color: var(--creme); }
.vm-hero h1 { font-size: 28px; line-height: 1.26; }
.vm-hero h2 { font-size: 15px; font-weight: 500; font-family: var(--fonte-texto); }
.vm-cidade, .vt-cidade { font-size: 12px; letter-spacing: 0.5px; text-transform: uppercase; color: #cbbfab; }
.vm-texto-corpo, .vt-texto-corpo { font-size: 14px; line-height: 1.6; color: #e9e2d6; }

.vm-hero__pills,
.vt-trilho-perguntas {
  background: linear-gradient(145deg, rgba(92,74,55,0.9) 0%, rgba(59,48,36,0.9) 100%);
  border-radius: 14px;
  padding: 16px;
}
.vm-hero__pills { overflow: hidden; }
.vm-trilho-perguntas, .vt-trilho-perguntas {
  display: flex; gap: 10px;
  width: max-content;
  animation: deslizar-avaliacoes 18s linear infinite;
}
.vt-hero__foto { overflow: hidden; }
@media (prefers-reduced-motion: reduce) {
  .vm-trilho-perguntas, .vt-trilho-perguntas { animation: none; overflow-x: auto; }
}
.vm-pergunta, .vt-pergunta {
  flex: 0 0 auto;
  background: rgba(255,250,244,0.08);
  border: 1px solid rgba(211,175,55,0.3);
  border-radius: 10px;
  color: var(--creme);
  font-weight: 600;
  display: flex; align-items: center;
  white-space: normal;
}
.vm-pergunta { width: 190px; padding: 14px; font-size: 12.5px; line-height: 1.35; }
.vt-pergunta { width: 200px; padding: 14px; font-size: 12.5px; line-height: 1.35; }

.vt-hero { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 30px; align-items: center; padding: 44px 36px; }
.vt-hero__texto { display: flex; flex-direction: column; gap: 14px; }
.vt-hero h1 { font-size: 32px; line-height: 1.24; }
.vt-hero h2 { font-size: 16px; font-weight: 500; font-family: var(--fonte-texto); }
.vt-botoes { display: flex; gap: 10px; flex-wrap: wrap; }
.vt-hero__foto { display: flex; flex-direction: column; gap: 12px; }
.vt-hero__foto img { width: 100%; height: 480px; object-fit: cover; object-position: top center; border-radius: 14px; }

.vm-areas, .vt-areas { padding: 36px 20px; display: flex; flex-direction: column; gap: 18px; }
.vt-areas { padding: 44px 36px; }
.vm-areas > h2, .vt-areas > h2 {
  font-size: 26px;
  font-family: var(--fonte-texto);
  background-image: linear-gradient(90deg, #947514 0%, #F6D873 25%, #947514 50%, #F6D873 75%, #947514 100%);
  background-size: 200% 100%;
  display: inline-block;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: brilho-dourado 3.5s linear infinite;
}
.vt-areas > h2 { font-size: 30px; }
.vm-areas > p, .vt-areas > p { font-size: 14px; color: #4b4541; }
.vt-areas__grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }

.vm-card-trabalhista, .vt-card-trabalhista {
  background: linear-gradient(rgba(59, 48, 36, 0.55), rgba(59, 48, 36, 0.55)), url("../img/ruido-card.png") 0 0 / 160px repeat, var(--marrom);
  border-radius: 12px; padding: 22px 20px;
  display: flex; flex-direction: column; gap: 12px;
}
.vm-card-previdenciario, .vt-card-previdenciario {
  background: #FFFFFF; border: 1px solid rgba(35,31,32,0.1); border-radius: 12px; padding: 22px 20px;
  display: flex; flex-direction: column; gap: 12px;
}
.vm-card-trabalhista h3, .vt-card-trabalhista h3 { font-size: 23px; color: var(--creme); }
.vm-card-previdenciario h3, .vt-card-previdenciario h3 { font-size: 23px; }
.vm-badge, .vt-badge {
  align-self: flex-start; max-width: 100%; font-size: 11.5px; line-height: 1.4;
  padding: 5px 12px; border-radius: 8px;
  border: 1px solid var(--dourado); color: #D3AF37;
}
.vm-badge--claro, .vt-badge--claro { color: #8a6e1f; }
.vm-card-trabalhista > p, .vt-card-trabalhista > p { font-size: 13px; line-height: 1.6; color: #e9e2d6; }
.vm-card-previdenciario > p, .vt-card-previdenciario > p { font-size: 13px; line-height: 1.6; color: #4b4541; }

.vm-card-trabalhista details, .vt-card-trabalhista details {
  background: rgba(255,250,244,0.08); border-radius: 8px; padding: 12px 14px; margin-top: 2px;
}
.vm-card-previdenciario details, .vt-card-previdenciario details {
  background: var(--creme); border: 1px solid rgba(35,31,32,0.08); border-radius: 8px; padding: 12px 14px; margin-top: 2px;
}
.vm-card-trabalhista summary, .vt-card-trabalhista summary { font-size: 13px; font-weight: 600; color: var(--creme); cursor: pointer; }
.vm-card-previdenciario summary, .vt-card-previdenciario summary { font-size: 13px; font-weight: 600; cursor: pointer; }
.vm-card-trabalhista details p, .vt-card-trabalhista details p { font-size: 12.5px; line-height: 1.5; color: #d8d0c4; margin-top: 8px; }
.vm-card-previdenciario details p, .vt-card-previdenciario details p { font-size: 12.5px; line-height: 1.5; color: #4b4541; margin-top: 8px; }

.vm-atendimento, .vt-atendimento {
  padding: 36px 20px;
  background:
    url("../img/ruido-atendimento.png") 0 0 / 160px repeat,
    linear-gradient(180deg, rgba(85,69,52,0.75) 0%, #554534 35%, #3B3024 100%);
  display: flex; flex-direction: column; gap: 20px;
}
.vt-atendimento { padding: 44px 36px; }
.vm-atendimento h2, .vt-atendimento h2 { font-size: 24px; color: var(--creme); }
.vt-atendimento h2 { font-size: 28px; }
.vm-atendimento > p, .vt-atendimento > p { font-size: 13px; color: #e9e2d6; }

.vm-passos, .vt-passos { display: flex; flex-direction: column; gap: 16px; padding: 0; margin: 0; list-style: none; }
.vt-passos { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.vm-passos li, .vt-passos li { display: flex; gap: 12px; align-items: flex-start; }
.vm-passos li > span, .vt-passos li > span { font-family: var(--fonte-titulo); font-size: 22px; color: var(--dourado); }
.vm-passos h3, .vt-passos h3 { font-size: 14px; color: var(--creme); font-family: var(--fonte-texto); }
.vm-passos p, .vt-passos p { font-size: 12px; color: #c9bfae; margin-top: 4px; }

.vm-estatisticas, .vt-estatisticas {
  display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px;
  padding: 0; margin: 0; list-style: none;
}
.vm-estatisticas--2col, .vt-estatisticas--2col, .vt-estatisticas--3col { grid-template-columns: repeat(2, minmax(0,1fr)); }
.vm-estatisticas li, .vt-estatisticas li {
  background: rgba(255,250,244,0.06); border: 1px solid rgba(211,175,55,0.3); border-radius: 10px;
  padding: 14px; text-align: center;
}
.vm-estatisticas li > span, .vt-estatisticas li > span { font-family: var(--fonte-titulo); font-size: 22px; color: var(--dourado); display: block; }
.vm-estatisticas li > p, .vt-estatisticas li > p { font-size: 10.5px; color: #e9e2d6; margin-top: 4px; }

.vm-perguntas, .vt-perguntas { padding: 36px 20px; display: flex; flex-direction: column; gap: 14px; }
.vt-perguntas { padding: 44px 36px; }
.vm-perguntas > h2, .vt-perguntas > h2 { font-size: 24px; }
.vt-perguntas > h2 { font-size: 28px; }
.vm-perguntas > p, .vt-perguntas > p { font-size: 13px; color: #4b4541; }
.vt-perguntas__grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.vm-perguntas details, .vt-perguntas details {
  background: #FFFFFF; border: 1px solid rgba(35,31,32,0.1); border-radius: 10px; padding: 14px 16px;
}
.vm-perguntas summary, .vt-perguntas summary { font-size: 13px; font-weight: 600; cursor: pointer; }
.vm-perguntas details p, .vt-perguntas details p { font-size: 12.5px; line-height: 1.5; color: #4b4541; margin-top: 8px; }
.vm-perguntas h3, .vt-perguntas h3 { font-size: 14px; font-weight: 600; font-family: var(--fonte-texto); margin-top: 6px; }

.vm-advogada, .vt-advogada {
  background:
    linear-gradient(275deg, #655037 -10%, #4a3a26 30%, #332716 60%, #241a0e 100%),
    url("../img/ruido-textura.png") 0 0 / 200px repeat,
    url("../img/textura-fundo.png") 0 0 / 700px repeat;
}
.vm-advogada {
  padding: 36px 20px;
  display: flex; flex-direction: column; gap: 14px; align-items: center; text-align: center;
}
.vm-advogada h2, .vt-advogada__texto h2 {
  font-family: var(--fonte-texto);
  background-image: linear-gradient(90deg, #947514 0%, #F6D873 25%, #947514 50%, #F6D873 75%, #947514 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
  animation: brilho-dourado 3.5s linear infinite;
}
.vm-advogada h2 { font-size: 26px; display: flex; align-items: center; justify-content: center; gap: 12px; }
.vm-subtitulo, .vt-subtitulo { font-size: 13px; color: #D8C9AE; }
.vm-barra-dourada, .vt-barra-dourada {
  display: inline-block; flex-shrink: 0;
  width: 3px; height: 1em;
  background: linear-gradient(180deg, var(--dourado) 0%, #6d5a1c 100%);
  border-radius: 2px;
  -webkit-text-fill-color: initial;
}
.vm-citacao, .vt-citacao { font-size: 13px; color: #e9e2d6; font-style: italic; }
.vm-advogada__foto, .vt-advogada__foto {
  background: var(--marrom);
  border: 2px solid var(--dourado);
  border-radius: 14px;
  padding: 14px;
  display: flex; align-items: center; justify-content: center;
}
.vm-advogada__foto img { width: 100%; max-width: 260px; height: auto; object-fit: contain; border-radius: 8px; }
.vm-oab, .vt-oab { font-size: 11px; color: #8a7f74; }
.vm-advogada .vm-btn-dourado { width: 100%; }

.vt-advogada {
  padding: 44px 36px;
  display: grid; grid-template-columns: minmax(0,260px) 1fr; gap: 28px; align-items: center;
}
.vt-advogada__foto img { width: 100%; height: 300px; object-fit: contain; border-radius: 8px; }
.vt-advogada__texto { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.vt-advogada__texto h2 {
  font-size: clamp(20px, 3.2vw, 26px); line-height: 1.2;
  display: flex; align-items: center; gap: 10px;
}
.vt-botoes { display: flex; gap: 12px; flex-wrap: wrap; }

@media (max-width: 760px) {
  .vt-advogada { grid-template-columns: 1fr; text-align: center; }
  .vt-advogada__texto { align-items: center; }
  .vt-advogada__texto h2 { justify-content: center; }
  .vt-advogada__foto img { height: 260px; }
}

.vm-selo-google, .vt-selo-google {
  width: 100%; background: rgba(255,250,244,0.06); border: 1px solid var(--dourado); border-radius: 10px;
  padding: 14px; display: flex; flex-direction: column; align-items: center; gap: 4px;
  text-decoration: none;
}
.vt-selo-google { width: auto; align-items: flex-start; }
.vm-selo-google:hover, .vt-selo-google:hover { transform: scale(1.03); }
.vm-estrelas, .vt-estrelas { color: var(--dourado); font-size: 13px; letter-spacing: 1px; }
.vm-selo-google span:last-child, .vt-selo-google span:last-child { font-size: 12.5px; font-weight: 700; color: var(--creme); }

.vm-avaliacoes, .vt-avaliacoes { padding: 32px 20px; display: flex; flex-direction: column; gap: 16px; }
.vt-avaliacoes { padding: 40px 36px; }
.vm-avaliacoes > h2, .vt-avaliacoes > h2 { font-size: 22px; }
.vm-avaliacoes__janela, .vt-avaliacoes__janela { overflow: hidden; }
.vm-avaliacoes__trilho, .vt-avaliacoes__trilho {
  display: flex; gap: 14px;
  animation: deslizar-avaliacoes 22s linear infinite;
  width: max-content;
}
@media (prefers-reduced-motion: reduce) {
  .vm-avaliacoes__trilho, .vt-avaliacoes__trilho { animation: none; overflow-x: auto; }
}
@keyframes deslizar-avaliacoes {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.vm-avaliacao, .vt-avaliacao {
  flex: 0 0 auto; width: 240px;
  background: #FFFFFF; border: 1px solid rgba(35,31,32,0.1); border-radius: 10px; padding: 16px;
  display: flex; flex-direction: column; gap: 8px;
}
.vm-avaliacao .vm-nome, .vt-avaliacao .vt-nome { font-size: 12px; font-weight: 600; }
.vm-avaliacao p:not(.vm-nome), .vt-avaliacao p:not(.vt-nome) { font-size: 12px; color: #4b4541; line-height: 1.5; }

.vm-contato, .vt-contato { padding: 36px 20px; display: flex; flex-direction: column; gap: 18px; }
.vt-contato { padding: 44px 36px; }
.vm-contato > h2, .vt-contato > h2 { font-size: 21px; }
.vt-contato > h2 { font-size: 24px; }
.vm-redes h3, .vt-redes h3 { font-size: 14px; font-weight: 700; font-family: var(--fonte-texto); margin: 0 0 10px; }
.vm-redes__grid, .vt-redes__grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.vm-redes__grid a, .vt-redes__grid a {
  display: flex; align-items: center; gap: 8px; justify-content: center;
  background: var(--marrom); border: 1px solid rgba(211,175,55,0.3); border-radius: 10px;
  padding: 12px; font-size: 12px; font-weight: 600; text-decoration: none;
  color: var(--creme);
}
.vm-redes__grid a:hover, .vt-redes__grid a:hover { border-color: var(--dourado); }
.vm-redes__grid svg, .vt-redes__grid svg { width: 18px; height: 18px; flex-shrink: 0; }

.vm-rodape, .vt-rodape {
  padding: 32px 20px 40px; background: #231F20;
  display: flex; flex-direction: column; align-items: flex-start; gap: 16px;
}
.vt-rodape { padding: 36px 36px 44px; }
.vm-rodape img, .vt-rodape img {
  align-self: flex-start;
  height: 28px; width: auto; object-fit: contain;
}
.vm-rodape p, .vt-rodape p { font-size: 12px; color: #d8d0c4; line-height: 1.6; }
.vm-rodape small, .vt-rodape small {
  width: 100%;
  padding-top: 16px;
  border-top: 1px solid rgba(211,175,55,0.25);
  font-size: 10px; color: #8a7f74;
}

.versao-mobile section.surgir, .versao-tablet section.surgir {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.versao-mobile section.surgir.visivel, .versao-tablet section.surgir.visivel {
  opacity: 1;
  transform: none;
}

.titulo-avaliacoes {
  font-size: calc(32 * var(--u));
  line-height: calc(44 * var(--u));
  color: var(--grafite);
}
.titulo-avaliacoes span {
  background: var(--degrade-texto-titulo);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.botao-whatsapp--avaliacoes {
  align-self: center;
  margin-top: calc(40 * var(--u));
  width: calc(280 * var(--u));
  height: calc(66 * var(--u));
  border-radius: calc(33 * var(--u));
  box-shadow: 0 calc(1 * var(--u)) calc(10 * var(--u)) rgba(0, 0, 0, 0.25);
  font-size: calc(18 * var(--u));
  line-height: calc(26 * var(--u));
}
.botao-whatsapp--avaliacoes svg {
  width: calc(22 * var(--u));
  height: calc(22 * var(--u));
}