/* =============================================================
   AM CLINIC · DRA. AMANDA MEDEIROS
   -------------------------------------------------------------
   IDENTIDADE PROVISÓRIA. A paleta e as fontes oficiais ainda
   serão enviadas: troque SÓ os tokens do bloco :root abaixo.
   Nenhuma outra regra usa cor ou fonte escrita direto.

   Origem da paleta provisória: o terracota é o da logomarca
   (#E95F23); o verde e o vinho vêm dos fundos e do figurino da
   sessão de fotos, para o site conversar com as imagens.
   ============================================================= */
:root {
  /* cores */
  --cor-fundo: #F4EFE8;           /* marfim: fundo principal */
  --cor-papel: #FBF8F3;           /* marfim claro: blocos de destaque */
  --cor-areia: #E7DDD0;           /* linhas fortes, faixas */
  --cor-tinta: #1D1B19;           /* títulos */
  --cor-texto: #3B3632;           /* texto corrido */
  --cor-suave: #6B625A;           /* legendas */
  --cor-linha: rgba(29, 27, 25, .14);

  --cor-floresta: #1F2E27;        /* escuro principal */
  --cor-floresta-2: #2A3C33;
  --cor-vinho: #4A2125;           /* escuro de destaque */
  --cor-terracota: #E95F23;       /* cor da logomarca */
  --cor-terracota-texto: #B8430F; /* terracota com contraste para texto pequeno */
  --cor-terracota-clara: #F59A70; /* destaque sobre fundo escuro */
  --cor-clara: #F4EFE8;           /* texto sobre escuro */
  --cor-clara-suave: rgba(244, 239, 232, .72);
  --cor-erro: #A02C1F;
  --cor-ok: #2F5A43;

  /* fontes */
  --fonte-display: 'Bodoni Moda', 'Didot', 'Bodoni 72', Georgia, serif;
  --fonte-texto: 'Jost', 'Futura', 'Avenir Next', system-ui, sans-serif;

  /* ritmo */
  --largura: 1320px;
  --margem: clamp(16px, 4.5vw, 64px);
  --secao: clamp(72px, 11vw, 160px);
  --raio: 2px;
  --curva: cubic-bezier(.2, .7, .1, 1);
  --topo-altura: 84px;
}

/* ---------------------------------------------------------------- base */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--topo-altura) + 12px); }
body {
  margin: 0;
  background: var(--cor-fundo);
  color: var(--cor-texto);
  font-family: var(--fonte-texto);
  font-weight: 300;
  font-size: clamp(1rem, .96rem + .2vw, 1.0625rem);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: clip;
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .2em; }
h1, h2, h3 { margin: 0; color: var(--cor-tinta); font-weight: 400; }
p { margin: 0 0 1em; }
ul, ol { margin: 0; padding: 0; list-style: none; }
figure { margin: 0; }
[hidden] { display: none !important; }
address { font-style: normal; }
em { font-style: italic; }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--cor-terracota); outline-offset: 3px; }
::selection { background: var(--cor-terracota); color: #fff; }

.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.pular { position: absolute; left: 12px; top: -60px; z-index: 100; padding: 10px 16px; background: var(--cor-tinta); color: #fff; }
.pular:focus { top: 12px; }
.ico { width: 1.15em; height: 1.15em; flex: none; }

/* ---------------------------------------------------------------- tipografia */
.rotulo {
  display: inline-flex; align-items: center; gap: .9em;
  margin: 0 0 1.4rem;
  font-size: .75rem; font-weight: 500; letter-spacing: .22em; text-transform: uppercase;
  color: var(--cor-terracota-texto);
}
.rotulo::before { content: ''; width: 36px; height: 1px; background: currentColor; }
.rotulo--claro { color: var(--cor-terracota-clara); }

.secao__titulo, .hero-pagina__titulo, .hero-inicio__titulo, .captacao__titulo, .categoria__titulo, .destaque__titulo {
  font-family: var(--fonte-display);
  font-optical-sizing: auto;
  letter-spacing: -.01em;
  line-height: 1.04;
}
.secao__titulo { font-size: clamp(2.1rem, 1.4rem + 3vw, 3.8rem); max-width: 18ch; }
.secao__titulo em, .hero-pagina__titulo em, .captacao__titulo em, .manifesto__texto em, .bio__abre em { color: var(--cor-terracota); }
.secao__titulo--claro { color: var(--cor-clara); }
.secao__titulo--claro em { color: var(--cor-terracota-clara); }

.secao__cabeca { max-width: var(--largura); margin: 0 auto clamp(40px, 6vw, 80px); }
.secao__cabeca--linha { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 24px; }

/* ---------------------------------------------------------------- botões */
.botao {
  display: inline-flex; align-items: center; justify-content: center; gap: .8em;
  min-height: 54px; padding: 0 30px;
  border: 1px solid transparent; border-radius: var(--raio);
  font-size: .8rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase;
  text-decoration: none; cursor: pointer;
  transition: background .35s var(--curva), color .35s var(--curva), border-color .35s var(--curva), transform .35s var(--curva);
  -webkit-tap-highlight-color: transparent;
}
.botao .ico { transition: transform .35s var(--curva); }
.botao:hover .ico { transform: translateX(4px); }
.botao--cheio { background: var(--cor-terracota); color: #fff; }
.botao--cheio:hover { background: var(--cor-terracota-texto); }
.botao--claro { background: var(--cor-clara); color: var(--cor-floresta); }
.botao--claro:hover { background: #fff; }
.botao--contorno { border-color: var(--cor-tinta); color: var(--cor-tinta); }
.botao--contorno:hover { background: var(--cor-tinta); color: var(--cor-fundo); }
.botao--contorno-claro { border-color: rgba(244, 239, 232, .5); color: var(--cor-clara); }
.botao--contorno-claro:hover { border-color: var(--cor-clara); background: var(--cor-clara); color: var(--cor-floresta); }
.botao--pequeno { min-height: 44px; padding: 0 20px; font-size: .72rem; }
.botao[disabled] { cursor: progress; opacity: .7; }

.link-seta {
  display: inline-flex; align-items: center; gap: .7em;
  font-size: .8rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase;
  text-decoration: none; color: var(--cor-terracota-texto);
  padding: 10px 0; border-bottom: 1px solid currentColor;
}
.link-seta .ico { transition: transform .35s var(--curva); }
.link-seta:hover .ico { transform: translateX(5px); }

/* ---------------------------------------------------------------- topo */
.topo {
  position: fixed; inset: 0 0 auto; z-index: 50;
  transition: background .4s var(--curva), box-shadow .4s var(--curva), transform .4s var(--curva);
}
.topo__barra {
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  max-width: calc(var(--largura) + 2 * var(--margem)); height: var(--topo-altura);
  margin: 0 auto; padding: 0 var(--margem);
}
.topo__logo { position: relative; display: block; width: 150px; flex: none; }
.topo__logo img { width: 100%; height: auto; transition: opacity .3s; }
.topo__logo .logo-branco { position: absolute; inset: 0; opacity: 0; }
.topo__nav { display: flex; align-items: center; gap: 36px; }
.topo__links { display: flex; align-items: center; gap: 32px; }
.topo__links > li > a, .topo__sub-botao {
  position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 8px 0;
  border: 0; background: none; cursor: pointer;
  font-size: .78rem; font-weight: 400; letter-spacing: .14em; text-transform: uppercase; text-decoration: none;
  color: var(--cor-tinta);
}
.topo__links > li > a::after, .topo__sub-botao::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: 2px; height: 1px;
  background: currentColor; transform: scaleX(0); transform-origin: right; transition: transform .4s var(--curva);
}
.topo__sub-botao::after { right: 18px; }
.topo__links > li > a:hover::after, .topo__links > li > a[aria-current]::after,
.topo__sub-botao:hover::after, .topo__sub-botao.is-atual::after, .topo__sub-botao[aria-expanded="true"]::after { transform: scaleX(1); transform-origin: left; }
.topo__seta { width: 12px; height: 12px; transition: transform .35s var(--curva); }
.topo__sub-botao[aria-expanded="true"] .topo__seta { transform: rotate(180deg); }
.topo__ident { display: none; }
.topo__menu { display: none; }

/* submenu de serviços: painel sob o topo (computador) */
.submenu__cat {
  display: flex; align-items: baseline; gap: 10px; margin: 0 0 14px;
  font-size: .7rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--cor-terracota-texto);
}
.submenu__cat span { font-family: var(--fonte-display); font-size: .95rem; letter-spacing: 0; }
.submenu__grupo a { display: block; padding: 6px 0; text-decoration: none; color: var(--cor-tinta); line-height: 1.35; transition: color .3s, transform .4s var(--curva); }
.submenu__grupo a:hover { color: var(--cor-terracota-texto); transform: translateX(4px); }
@media (min-width: 960px) {
  .submenu {
    position: absolute; left: 0; right: 0; top: 100%;
    background: var(--cor-papel); border-top: 1px solid var(--cor-linha);
    box-shadow: 0 30px 60px -30px rgba(29, 27, 25, .35);
    opacity: 0; visibility: hidden; transform: translateY(-8px);
    transition: opacity .35s var(--curva), transform .45s var(--curva), visibility 0s .35s;
  }
  .topo__item-sub.is-aberto .submenu { opacity: 1; visibility: visible; transform: none; transition: opacity .35s var(--curva), transform .45s var(--curva); }
  .submenu__grade, .submenu__rodape { max-width: var(--largura); margin: 0 auto; }
  .submenu__grade { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 32px; padding: 40px var(--margem) 28px; box-sizing: content-box; }
  .submenu__grupo { border-top: 1px solid var(--cor-tinta); padding-top: 16px; }
  .submenu__grupo a { font-family: var(--fonte-display); font-size: 1.12rem; }
  .submenu__rodape { padding: 0 var(--margem) 32px; box-sizing: content-box; }
  /* aberto, o topo ganha fundo, mesmo sobre o hero escuro */
  .topo.submenu-aberto { background: var(--cor-papel); box-shadow: 0 1px 0 var(--cor-linha); -webkit-backdrop-filter: none; backdrop-filter: none; }
  .topo--escuro.submenu-aberto:not(.is-rolado) .logo-cor { opacity: 1; }
  .topo--escuro.submenu-aberto:not(.is-rolado) .logo-branco { opacity: 0; }
  .topo--escuro.submenu-aberto:not(.is-rolado) .topo__links > li > a,
  .topo--escuro.submenu-aberto:not(.is-rolado) .topo__sub-botao { color: var(--cor-tinta); }
  .topo--escuro.submenu-aberto:not(.is-rolado) .topo__cta { background: var(--cor-tinta); border-color: var(--cor-tinta); color: var(--cor-fundo); }
}

/* topo sobre hero escuro (início e sobre), antes da rolagem */
.topo--escuro:not(.is-rolado) .logo-cor { opacity: 0; }
.topo--escuro:not(.is-rolado) .logo-branco { opacity: 1; }
.topo--escuro:not(.is-rolado) .topo__links > li > a, .topo--escuro:not(.is-rolado) .topo__sub-botao { color: var(--cor-clara); }
.topo--escuro:not(.is-rolado) .topo__cta { background: transparent; border-color: rgba(244, 239, 232, .5); color: var(--cor-clara); }
.topo--escuro:not(.is-rolado) .topo__menu-linhas, .topo--escuro:not(.is-rolado) .topo__menu-linhas::before { background: var(--cor-clara); }

.topo__cta { background: var(--cor-tinta); color: var(--cor-fundo); border-color: var(--cor-tinta); }
.topo__cta:hover { background: var(--cor-terracota); border-color: var(--cor-terracota); color: #fff; }

.topo.is-rolado {
  background: rgba(244, 239, 232, .9);
  -webkit-backdrop-filter: saturate(1.4) blur(14px); backdrop-filter: saturate(1.4) blur(14px);
  box-shadow: 0 1px 0 var(--cor-linha);
}
.topo.is-escondido { transform: translateY(-100%); }

@media (max-width: 959px) {
  :root { --topo-altura: 68px; }
  .topo__logo { width: 124px; z-index: 2; }
  .topo__menu {
    display: grid; place-items: center; z-index: 2;
    width: 48px; height: 48px; margin-right: -12px; padding: 0; border: 0; background: none; cursor: pointer;
  }
  .topo__menu-linhas, .topo__menu-linhas::before {
    display: block; width: 26px; height: 1px; background: var(--cor-tinta);
    transition: transform .4s var(--curva), background .3s;
  }
  .topo__menu-linhas { position: relative; transform: translateY(-4px); }
  .topo__menu-linhas::before { content: ''; position: absolute; top: 8px; }

  .topo__nav {
    position: fixed; inset: 0; z-index: 1;
    flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 36px;
    padding: 104px var(--margem) 40px;
    overflow-y: auto; overscroll-behavior: contain;
    background: var(--cor-floresta);
    opacity: 0; visibility: hidden;
    transition: opacity .45s var(--curva), visibility 0s .45s;
  }
  .topo__links { flex-direction: column; align-items: flex-start; gap: 4px; width: 100%; }
  .topo__links > li { width: 100%; }
  .topo__links > li > a, .topo__sub-botao {
    font-family: var(--fonte-display); font-size: clamp(2.1rem, 9.5vw, 2.8rem);
    letter-spacing: 0; text-transform: none; color: var(--cor-clara) !important;
  }
  .topo__links > li > a::after, .topo__sub-botao::after { bottom: 10px; }
  .topo__sub-botao::after { right: 36px; }
  .topo__seta { width: 22px; height: 22px; margin-left: 6px; }

  /* submenu vira sanfona dentro do menu */
  .submenu { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .45s var(--curva); }
  .submenu > * { overflow: hidden; min-height: 0; visibility: hidden; transition: visibility 0s .45s; }
  .topo__item-sub.is-aberto .submenu { grid-template-rows: 1fr; }
  .topo__item-sub.is-aberto .submenu > * { visibility: visible; transition: none; }
  .submenu__grade { display: grid; gap: 22px; padding: 10px 0 26px 2px; }
  .submenu__rodape { grid-row: 2; display: none; }
  .topo__item-sub.is-aberto .submenu__rodape { display: block; padding: 0 0 22px; }
  .submenu__cat { color: var(--cor-terracota-clara); margin-bottom: 6px; }
  .submenu__grupo a { color: var(--cor-clara); font-size: 1.05rem; padding: 7px 0; }
  .submenu__rodape .link-seta { color: var(--cor-terracota-clara); }

  .topo__cta { background: var(--cor-terracota) !important; border-color: var(--cor-terracota) !important; color: #fff !important; min-height: 54px; flex: none; }
  .topo__ident { display: block; margin: 0; font-size: .8rem; line-height: 1.6; color: var(--cor-clara-suave); }

  .menu-aberto { overflow: hidden; }
  .menu-aberto .topo__nav { opacity: 1; visibility: visible; transition: opacity .45s var(--curva); }
  .menu-aberto .topo { background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; transform: none; }
  .menu-aberto .topo .logo-cor { opacity: 0; }
  .menu-aberto .topo .logo-branco { opacity: 1; }
  .menu-aberto .topo__menu-linhas { transform: rotate(45deg); background: var(--cor-clara) !important; }
  .menu-aberto .topo__menu-linhas::before { transform: translateY(-8px) rotate(-90deg); background: var(--cor-clara) !important; }
}

/* ---------------------------------------------------------------- hero inicial */
.hero-inicio {
  position: relative;
  background: var(--cor-floresta);
  color: var(--cor-clara);
  overflow: hidden;
}
.hero-inicio__grade {
  display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); align-items: stretch;
  max-width: calc(var(--largura) + 2 * var(--margem)); min-height: min(100svh, 980px);
  margin: 0 auto; padding-left: var(--margem);
}
.hero-inicio__texto { align-self: center; padding: calc(var(--topo-altura) + 40px) 48px 80px 0; }
.hero-inicio__titulo {
  font-size: clamp(3.3rem, 1.5rem + 6.6vw, 7.6rem);
  line-height: .94; color: var(--cor-clara); margin-bottom: 28px;
}
.hero-inicio__titulo em { display: block; color: var(--cor-terracota-clara); padding-left: .9em; }
.hero-inicio__ident {
  display: inline-block; margin-bottom: 32px; padding: 10px 0;
  border-top: 1px solid rgba(244, 239, 232, .25); border-bottom: 1px solid rgba(244, 239, 232, .25);
  font-size: .78rem; font-weight: 400; letter-spacing: .2em; text-transform: uppercase;
}
.hero-inicio__lead { max-width: 46ch; color: var(--cor-clara-suave); font-size: 1.08rem; margin-bottom: 40px; }
.hero-inicio__acoes { display: flex; flex-wrap: wrap; gap: 14px; }
.hero-inicio__foto { position: relative; min-height: 100%; }
.hero-inicio__foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero-inicio__foto::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(90deg, var(--cor-floresta) 0%, rgba(31, 46, 39, 0) 22%);
  pointer-events: none;
}
.hero-inicio__vertical {
  position: absolute; right: 22px; bottom: 40px; z-index: 1;
  writing-mode: vertical-rl; transform: rotate(180deg);
  font-size: .7rem; letter-spacing: .3em; text-transform: uppercase; color: rgba(244, 239, 232, .75);
}

@media (max-width: 959px) {
  .hero-inicio__grade { grid-template-columns: 1fr; min-height: 0; padding: 0; }
  .hero-inicio__foto { order: -1; height: min(78svh, 640px); min-height: 420px; }
  .hero-inicio__foto img { object-position: 50% 15% !important; }
  .hero-inicio__foto::after { background: linear-gradient(0deg, var(--cor-floresta) 0%, rgba(31, 46, 39, .85) 14%, rgba(31, 46, 39, 0) 42%), linear-gradient(180deg, rgba(31, 46, 39, .55) 0%, rgba(31, 46, 39, 0) 25%); }
  .hero-inicio__texto { padding: 0 var(--margem) 64px; margin-top: -56px; position: relative; z-index: 1; }
  .hero-inicio__titulo em { padding-left: .6em; }
  .hero-inicio__vertical { display: none; }
  .hero-inicio__acoes .botao { flex: 1 1 100%; }
}

/* ---------------------------------------------------------------- faixa */
.faixa { overflow: hidden; background: var(--cor-vinho); color: var(--cor-clara); padding: 18px 0; }
.faixa__trilho { display: flex; width: max-content; animation: faixa 70s linear infinite; }
.faixa__trilho > span { padding-right: .4em; white-space: nowrap; font-family: var(--fonte-display); font-style: italic; font-size: clamp(1.1rem, 1rem + .6vw, 1.5rem); }
.faixa__trilho span span { color: var(--cor-terracota-clara); font-style: normal; font-size: .7em; margin: 0 .5em; }
@keyframes faixa { to { transform: translateX(-50%); } }

/* ---------------------------------------------------------------- manifesto */
.manifesto { max-width: calc(1100px + 2 * var(--margem)); margin: 0 auto; padding: var(--secao) var(--margem); text-align: center; }
.manifesto .rotulo::after { content: ''; width: 36px; height: 1px; background: currentColor; }
.manifesto__texto {
  font-family: var(--fonte-display); font-size: clamp(1.7rem, 1.1rem + 2.6vw, 3.3rem);
  line-height: 1.22; color: var(--cor-tinta); margin: 0;
}

/* ---------------------------------------------------------------- destaques */
.destaques { padding: 0 var(--margem) var(--secao); }
.destaque {
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: center; gap: 0 24px;
  max-width: var(--largura); margin: 0 auto clamp(64px, 9vw, 140px);
}
.destaque:last-child { margin-bottom: 0; }
.destaque__foto { grid-column: 1 / span 6; position: relative; aspect-ratio: 4 / 5; overflow: hidden; }
.destaque__foto img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s var(--curva); }
.destaque:hover .destaque__foto img { transform: scale(1.03); }
.destaque__texto { grid-column: 8 / span 5; }
.destaque:nth-of-type(even) .destaque__foto { grid-column: 7 / span 6; grid-row: 1; }
.destaque:nth-of-type(even) .destaque__texto { grid-column: 1 / span 5; grid-row: 1; }
.destaque__num {
  display: flex; align-items: baseline; gap: 16px; margin-bottom: 24px;
  font-family: var(--fonte-display); font-size: 1.05rem; color: var(--cor-terracota-texto);
}
.destaque__num span { font-family: var(--fonte-texto); font-size: .72rem; letter-spacing: .22em; text-transform: uppercase; color: var(--cor-suave); }
.destaque__titulo { font-size: clamp(2.2rem, 1.5rem + 2.8vw, 3.9rem); margin-bottom: 24px; }
.destaque__texto > p:not(.destaque__num) { max-width: 40ch; font-size: 1.08rem; margin-bottom: 32px; }

/* N° 01: o protocolo autoral ganha o bloco vinho, de ponta a ponta */
.destaque--1 {
  max-width: none;
  margin-left: calc(-1 * var(--margem)); margin-right: calc(-1 * var(--margem));
  padding: clamp(56px, 8vw, 120px) var(--margem);
  background: var(--cor-vinho); color: var(--cor-clara-suave);
}
.destaque--1 > * { max-width: 100%; }
.destaque--1 .destaque__titulo { color: var(--cor-clara); }
.destaque--1 .destaque__num { color: var(--cor-terracota-clara); }
.destaque--1 .destaque__num span { color: var(--cor-clara-suave); }
.destaque--1 .link-seta { color: var(--cor-terracota-clara); }
@media (min-width: 960px) {
  .destaque--1 { grid-template-columns: 1fr repeat(12, minmax(0, calc((var(--largura) - 11 * 24px) / 12))) 1fr; }
  .destaque--1 .destaque__foto { grid-column: 2 / span 6; aspect-ratio: 5 / 6; }
  .destaque--1 .destaque__texto { grid-column: 9 / span 5; }
}

@media (max-width: 959px) {
  .destaque { grid-template-columns: 1fr; gap: 32px; }
  .destaque__foto, .destaque__texto,
  .destaque:nth-of-type(even) .destaque__foto, .destaque:nth-of-type(even) .destaque__texto { grid-column: 1; grid-row: auto; }
  .destaque__foto { aspect-ratio: 4 / 4.6; }
}

/* ---------------------------------------------------------------- índice */
.indice { padding: var(--secao) var(--margem); background: var(--cor-papel); border-top: 1px solid var(--cor-linha); }
.indice__grade {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 32px;
  max-width: var(--largura); margin: 0 auto;
}
.indice__grupo { border-top: 1px solid var(--cor-tinta); padding-top: 20px; }
.indice__num { font-family: var(--fonte-display); color: var(--cor-terracota-texto); margin-bottom: 8px; }
.indice__grupo h3 { font-family: var(--fonte-display); font-size: 1.4rem; line-height: 1.15; margin-bottom: 18px; }
.indice__grupo a { display: block; padding: 7px 0; text-decoration: none; border-bottom: 1px solid var(--cor-linha); transition: color .3s, padding .3s var(--curva); }
.indice__grupo a:hover { color: var(--cor-terracota-texto); padding-left: 6px; }
@media (max-width: 1100px) { .indice__grade { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 680px) { .indice__grade { grid-template-columns: 1fr; gap: 40px; } }

/* ---------------------------------------------------------------- chamada sobre */
.sobre-chamada {
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); align-items: center; gap: clamp(32px, 6vw, 96px);
  padding: var(--secao) max(var(--margem), calc((100% - var(--largura)) / 2));
  background: var(--cor-floresta); color: var(--cor-clara-suave);
}
.sobre-chamada__foto { aspect-ratio: 4 / 5; overflow: hidden; }
.sobre-chamada__foto img { width: 100%; height: 100%; object-fit: cover; }
.sobre-chamada__texto p { max-width: 48ch; font-size: 1.08rem; margin: 28px 0 36px; }
@media (max-width: 859px) { .sobre-chamada { grid-template-columns: 1fr; } }

/* ---------------------------------------------------------------- passos */
.passos { padding: var(--secao) var(--margem); }
.passos__lista {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(24px, 4vw, 56px);
  max-width: var(--largura); margin: 0 auto;
}
.passos__item { border-top: 1px solid var(--cor-tinta); padding-top: 28px; }
.passos__num { display: block; font-family: var(--fonte-display); font-size: 3rem; line-height: 1; color: var(--cor-terracota); margin-bottom: 24px; }
.passos__item h3 { font-family: var(--fonte-display); font-size: 1.6rem; margin-bottom: 12px; }
.aviso-cfm { max-width: var(--largura); margin: 56px auto 0; font-size: .85rem; color: var(--cor-suave); }
@media (max-width: 759px) { .passos__lista { grid-template-columns: 1fr; gap: 40px; } }

/* ---------------------------------------------------------------- captação (formulário) */
.captacao { padding: var(--secao) var(--margem); background: var(--cor-floresta-2); color: var(--cor-clara-suave); }
.captacao__grade {
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(40px, 7vw, 120px);
  max-width: var(--largura); margin: 0 auto; align-items: center;
}
.captacao__titulo { font-size: clamp(2.3rem, 1.5rem + 3vw, 4rem); color: var(--cor-clara); margin-bottom: 24px; }
.captacao__titulo em { color: var(--cor-terracota-clara); }
.captacao__intro { max-width: 44ch; }
.captacao__foto { margin: 40px 0; aspect-ratio: 4 / 4.4; overflow: hidden; max-width: 420px; }
.captacao__foto img { width: 100%; height: 100%; object-fit: cover; }
.captacao__dados li { padding: 14px 0; border-top: 1px solid rgba(244, 239, 232, .16); font-size: .95rem; }
.captacao__dados span, .local__dados span {
  display: block; font-size: .7rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--cor-terracota-clara);
}
.captacao__dados a, .local__dados a { display: inline-block; padding: 10px 0; margin: -6px 0; color: inherit; }
.captacao__dados a { color: var(--cor-clara); }

.form {
  position: relative;
  padding: clamp(28px, 4vw, 56px);
  background: var(--cor-papel); color: var(--cor-texto);
  box-shadow: 0 30px 80px -40px rgba(0, 0, 0, .5);
}
.form__isca { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.campo { margin-bottom: 26px; }
.campo label { display: block; margin-bottom: 6px; font-size: .72rem; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--cor-tinta); }
.campo input, .campo select {
  display: block; width: 100%; min-height: 52px; padding: 10px 2px;
  border: 0; border-bottom: 1px solid rgba(29, 27, 25, .35); border-radius: 0;
  background: transparent;
  font-size: 1.0625rem; /* 17px: o iPhone não dá zoom no campo */
  font-weight: 400; color: var(--cor-tinta);
  transition: border-color .3s;
  -webkit-appearance: none; appearance: none;
}
.campo input::placeholder { color: rgba(29, 27, 25, .38); }
.campo input:focus, .campo select:focus { outline: none; border-bottom-color: var(--cor-terracota); box-shadow: 0 1px 0 var(--cor-terracota); }
.campo__select { position: relative; }
.campo__select::after {
  content: ''; position: absolute; right: 6px; top: 50%; width: 9px; height: 9px; margin-top: -7px;
  border-right: 1px solid var(--cor-tinta); border-bottom: 1px solid var(--cor-tinta); transform: rotate(45deg); pointer-events: none;
}
.campo__select select { padding-right: 32px; cursor: pointer; text-overflow: ellipsis; }
.campo [aria-invalid="true"] { border-bottom-color: var(--cor-erro); }
.campo__erro { margin: 8px 0 0; font-size: .86rem; font-weight: 400; color: var(--cor-erro); }
.form__privacidade { font-size: .82rem; color: var(--cor-suave); margin: 4px 0 24px; }
.form__enviar { width: 100%; min-height: 60px; }
.form__enviar.is-enviando span::after {
  content: ''; display: inline-block; width: 14px; height: 14px; margin-left: 12px; vertical-align: -2px;
  border: 1.5px solid rgba(255, 255, 255, .4); border-top-color: #fff; border-radius: 50%;
  animation: girar .8s linear infinite;
}
@keyframes girar { to { transform: rotate(360deg); } }
.form__status { margin-top: 18px; padding: 14px 16px; font-size: .95rem; font-weight: 400; line-height: 1.5; border-left: 2px solid var(--cor-suave); background: rgba(29, 27, 25, .04); }
.form__status--erro { border-left-color: var(--cor-erro); color: var(--cor-erro); background: rgba(160, 44, 31, .06); }
.form__status--ok { border-left-color: var(--cor-ok); color: var(--cor-ok); background: rgba(47, 90, 67, .07); }
.form__alternativa { display: inline-flex; align-items: center; gap: .6em; margin-top: 14px; font-size: .92rem; color: var(--cor-terracota-texto); }

@media (max-width: 899px) {
  .captacao__grade { grid-template-columns: 1fr; }
  .captacao__foto { display: none; }
  .captacao__dados { margin-top: 28px; }
  .form { margin: 0 calc(-1 * var(--margem) + 8px); }
}

/* ---------------------------------------------------------------- heros internos */
.hero-pagina {
  display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(32px, 6vw, 96px); align-items: center;
  max-width: calc(var(--largura) + 2 * var(--margem)); margin: 0 auto;
  padding: calc(var(--topo-altura) + clamp(40px, 6vw, 80px)) var(--margem) clamp(56px, 8vw, 110px);
}
.hero-pagina__titulo { font-size: clamp(2.8rem, 1.6rem + 5vw, 6.2rem); margin-bottom: 28px; line-height: .98; }
.hero-pagina__lead { max-width: 46ch; font-size: 1.12rem; margin-bottom: 36px; }
.hero-pagina__acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 28px; margin-bottom: 44px; }
.hero-pagina__ident { margin: 0; font-size: .74rem; font-weight: 400; letter-spacing: .18em; text-transform: uppercase; color: var(--cor-suave); }
.hero-pagina__foto { position: relative; aspect-ratio: 4 / 5; }
.hero-pagina__foto img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; }
.hero-pagina__foto::before {
  content: ''; position: absolute; inset: 22px -22px -22px 22px;
  border: 1px solid var(--cor-terracota);
}
.migalha { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; font-size: .74rem; letter-spacing: .18em; text-transform: uppercase; color: var(--cor-suave); }
.migalha a { color: var(--cor-terracota-texto); text-decoration: none; }
.migalha a:hover { text-decoration: underline; }
@media (max-width: 859px) {
  .hero-pagina { grid-template-columns: 1fr; padding-top: calc(var(--topo-altura) + 24px); }
  .hero-pagina__foto { order: -1; aspect-ratio: 4 / 4.4; margin-right: 22px; }
  .hero-pagina__acoes .botao { flex: 1 1 100%; }
}

/* ---------------------------------------------------------------- serviços */
.atalhos { position: sticky; top: 0; z-index: 10; background: var(--cor-fundo); border-top: 1px solid var(--cor-linha); border-bottom: 1px solid var(--cor-linha); transition: top .4s var(--curva); }
.topo-visivel .atalhos { top: var(--topo-altura); }
.atalhos ul {
  display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none;
  max-width: calc(var(--largura) + 2 * var(--margem)); margin: 0 auto; padding: 12px var(--margem);
}
.atalhos ul::-webkit-scrollbar { display: none; }
.atalhos a {
  display: block; white-space: nowrap; padding: 10px 16px; border: 1px solid var(--cor-linha); border-radius: 999px;
  font-size: .76rem; letter-spacing: .1em; text-transform: uppercase; text-decoration: none;
  transition: background .3s, color .3s, border-color .3s;
}
.atalhos a:hover { background: var(--cor-tinta); color: var(--cor-fundo); border-color: var(--cor-tinta); }

.categorias { padding: clamp(40px, 6vw, 80px) var(--margem) 0; }
.categoria {
  display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 24px clamp(32px, 6vw, 96px);
  max-width: var(--largura); margin: 0 auto; padding: clamp(48px, 7vw, 96px) 0;
  border-top: 1px solid var(--cor-tinta);
}
.categoria__cabeca { align-self: start; position: sticky; top: calc(var(--topo-altura) + 90px); }
.categoria__num { font-family: var(--fonte-display); font-size: 1.1rem; color: var(--cor-terracota-texto); margin-bottom: 10px; }
.categoria__titulo { font-size: clamp(2rem, 1.4rem + 2vw, 3rem); margin-bottom: 16px; }
.categoria__descricao { max-width: 34ch; color: var(--cor-suave); }

.lista-servicos li { border-bottom: 1px solid var(--cor-linha); }
.lista-servicos li:first-child { border-top: 1px solid var(--cor-linha); }
.lista-servicos__item {
  position: relative;
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 24px; align-items: center;
  padding: 26px 0; text-decoration: none;
}
.lista-servicos__nome {
  font-family: var(--fonte-display); font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.4rem); line-height: 1.1; color: var(--cor-tinta);
  transition: color .4s var(--curva), transform .5s var(--curva);
}
.lista-servicos__resumo { grid-column: 1; max-width: 52ch; color: var(--cor-suave); font-size: .98rem; transition: transform .5s var(--curva); }
.lista-servicos__seta {
  grid-column: 2; grid-row: 1 / span 2;
  display: grid; place-items: center; width: 52px; height: 52px; border: 1px solid var(--cor-linha); border-radius: 50%;
  color: var(--cor-tinta); transition: background .4s var(--curva), color .4s, border-color .4s;
}
.lista-servicos__miniatura {
  position: absolute; right: 84px; top: 50%; z-index: 2; width: 150px; aspect-ratio: 4 / 5; overflow: hidden;
  opacity: 0; transform: translateY(-50%) scale(.92) rotate(-2deg); pointer-events: none;
  transition: opacity .45s var(--curva), transform .6s var(--curva);
  box-shadow: 0 20px 50px -20px rgba(0, 0, 0, .45);
}
.lista-servicos__miniatura img { width: 100%; height: 100%; object-fit: cover; }
@media (hover: hover) and (pointer: fine) {
  .lista-servicos__item:hover .lista-servicos__nome { color: var(--cor-terracota-texto); transform: translateX(10px); }
  .lista-servicos__item:hover .lista-servicos__resumo { transform: translateX(10px); }
  .lista-servicos__item:hover .lista-servicos__seta { background: var(--cor-terracota); border-color: var(--cor-terracota); color: #fff; }
  .lista-servicos__item:hover .lista-servicos__miniatura { opacity: 1; transform: translateY(-50%) scale(1) rotate(-2deg); }
}
@media (max-width: 859px) {
  .categoria { grid-template-columns: 1fr; }
  .categoria__cabeca { position: static; }
  .lista-servicos__seta { width: 44px; height: 44px; }
  .lista-servicos__miniatura { display: none; }
}

/* ---------------------------------------------------------------- página de procedimento */
.servico { padding: var(--secao) var(--margem); background: var(--cor-papel); border-top: 1px solid var(--cor-linha); }
.servico__grade { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 32px clamp(32px, 6vw, 96px); max-width: var(--largura); margin: 0 auto; }
.servico__cat { font-family: var(--fonte-display); font-size: 1.5rem; color: var(--cor-tinta); }
.servico__texto { max-width: 62ch; }
.servico__texto p { font-size: 1.08rem; }
.servico__abre { font-family: var(--fonte-display); font-size: clamp(1.45rem, 1.1rem + 1.2vw, 2rem) !important; line-height: 1.35; color: var(--cor-tinta); margin-bottom: 1.2em; }
.servico__texto .botao { margin-top: 24px; }
@media (max-width: 859px) { .servico__grade { grid-template-columns: 1fr; } }

.relacionados { padding: 0 var(--margem) var(--secao); }
.relacionados__grade { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; max-width: var(--largura); margin: 0 auto; }
.cartao { position: relative; display: flex; flex-direction: column; text-decoration: none; }
.cartao__foto { display: block; aspect-ratio: 4 / 5; overflow: hidden; margin-bottom: 18px; }
.cartao__foto img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--curva); }
.cartao:hover .cartao__foto img { transform: scale(1.04); }
.cartao__cat { font-size: .7rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--cor-terracota-texto); margin-bottom: 6px; }
.cartao__nome { font-family: var(--fonte-display); font-size: 1.6rem; line-height: 1.15; color: var(--cor-tinta); padding-right: 40px; }
.cartao__seta { position: absolute; right: 0; bottom: 4px; color: var(--cor-tinta); transition: transform .4s var(--curva); }
.cartao:hover .cartao__seta { transform: translateX(5px); }
@media (max-width: 859px) {
  .relacionados__grade { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 74%; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; margin-right: calc(-1 * var(--margem)); scrollbar-width: none; }
  .relacionados__grade::-webkit-scrollbar { display: none; }
  .cartao { scroll-snap-align: start; }
}

/* ---------------------------------------------------------------- sobre */
.hero-sobre {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: min(100svh, 940px);
  background: var(--cor-floresta); color: var(--cor-clara-suave);
}
.hero-sobre__foto { position: relative; }
.hero-sobre__foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero-sobre__texto { align-self: center; padding: calc(var(--topo-altura) + 40px) var(--margem) 80px clamp(32px, 6vw, 96px); max-width: 680px; }
.credenciais { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; margin: 12px 0 0; }
.credenciais div { padding: 18px 0; border-top: 1px solid rgba(244, 239, 232, .18); }
.credenciais dt { font-size: .7rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--cor-terracota-clara); margin-bottom: 4px; }
.credenciais dd { margin: 0; font-family: var(--fonte-display); font-size: 1.35rem; color: var(--cor-clara); }
@media (max-width: 859px) {
  .hero-sobre { grid-template-columns: 1fr; min-height: 0; }
  .hero-sobre__foto { height: min(80svh, 620px); }
  .hero-sobre__foto::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, var(--cor-floresta), rgba(31, 46, 39, .85) 14%, rgba(31, 46, 39, 0) 42%), linear-gradient(180deg, rgba(31, 46, 39, .55), rgba(31, 46, 39, 0) 25%); }
  .hero-sobre__texto { padding: 0 var(--margem) 64px; margin-top: -56px; position: relative; }
}

.bio { padding: var(--secao) var(--margem); }
.bio__grade { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(32px, 6vw, 96px); max-width: var(--largura); margin: 0 auto; align-items: end; }
.bio__abre { font-family: var(--fonte-display); font-size: clamp(1.7rem, 1.1rem + 2.2vw, 3rem); line-height: 1.22; color: var(--cor-tinta); margin: 0; }
.bio__texto p { font-size: 1.05rem; }
@media (max-width: 859px) { .bio__grade { grid-template-columns: 1fr; } }

.galeria {
  display: grid; grid-template-columns: 4fr 3.4fr 3.4fr; gap: clamp(12px, 2vw, 28px); align-items: start;
  max-width: calc(var(--largura) + 2 * var(--margem)); margin: 0 auto; padding: 0 var(--margem) var(--secao);
}
.galeria figure { overflow: hidden; }
.galeria img { width: 100%; height: 100%; object-fit: cover; }
.galeria__a { aspect-ratio: 4 / 5.4; }
.galeria__b { aspect-ratio: 4 / 5; margin-top: 18%; }
.galeria__c { aspect-ratio: 4 / 5.6; margin-top: 6%; }
@media (max-width: 759px) {
  .galeria { grid-template-columns: 1fr 1fr; }
  .galeria__a { grid-column: 1 / -1; aspect-ratio: 4 / 4.4; }
  .galeria__b, .galeria__c { margin-top: 0; }
}

.principios { padding: var(--secao) var(--margem); background: var(--cor-papel); border-top: 1px solid var(--cor-linha); }
.principios__lista { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(24px, 4vw, 56px); max-width: var(--largura); margin: 0 auto; }
.principios__lista li { padding-top: 28px; border-top: 1px solid var(--cor-tinta); }
.principios__lista span { font-family: var(--fonte-display); font-style: italic; font-size: 2.4rem; color: var(--cor-terracota); }
.principios__lista h3 { font-family: var(--fonte-display); font-size: 1.6rem; margin: 12px 0; }
@media (max-width: 759px) { .principios__lista { grid-template-columns: 1fr; gap: 40px; } }

/* ---------------------------------------------------------------- contato */
.local {
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 96px); align-items: center;
  max-width: calc(var(--largura) + 2 * var(--margem)); margin: 0 auto; padding: var(--secao) var(--margem);
}
.local__dados { margin: 32px 0; }
.local__dados li { padding: 16px 0; border-top: 1px solid var(--cor-linha); }
.local__dados span { color: var(--cor-terracota-texto); margin-bottom: 4px; }
.local__mapa { aspect-ratio: 4 / 3; background: var(--cor-areia); }
.local__mapa iframe { width: 100%; height: 100%; border: 0; filter: grayscale(.85) contrast(.95); }
@media (max-width: 859px) { .local { grid-template-columns: 1fr; } .local .botao { width: 100%; } }

/* ---------------------------------------------------------------- obrigado */
.obrigado {
  display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(32px, 6vw, 96px); align-items: center;
  max-width: calc(var(--largura) + 2 * var(--margem)); min-height: 100svh; margin: 0 auto;
  padding: calc(var(--topo-altura) + 40px) var(--margem) 80px;
}
.obrigado__lead { max-width: 46ch; font-size: 1.12rem; }
.obrigado__passo { margin: 28px 0 8px; padding: 22px 24px; background: var(--cor-papel); border-left: 2px solid var(--cor-terracota); }
.obrigado__passo-titulo { font-family: var(--fonte-display); font-size: 1.4rem; color: var(--cor-tinta); margin-bottom: 6px; }
.obrigado__passo p:last-child { margin: 0; }
.obrigado__acoes { display: flex; flex-wrap: wrap; gap: 14px; margin: 32px 0 44px; }
.obrigado__foto { aspect-ratio: 4 / 5; overflow: hidden; }
.obrigado__foto img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 859px) {
  .obrigado { grid-template-columns: 1fr; min-height: 0; }
  .obrigado__foto { order: -1; aspect-ratio: 4 / 3; }
  .obrigado__acoes .botao { flex: 1 1 100%; }
}

/* ---------------------------------------------------------------- rodapé */
.rodape { background: var(--cor-floresta); color: var(--cor-clara-suave); font-size: .95rem; padding: clamp(64px, 8vw, 110px) var(--margem) 32px; }
.rodape__grade { display: grid; grid-template-columns: 1.3fr .8fr 1.6fr 1fr; gap: 48px; max-width: var(--largura); margin: 0 auto; }
.rodape__marca img { width: 170px; margin-bottom: 24px; }
.rodape__ident { font-size: .9rem; }
.rodape__ident strong { color: var(--cor-clara); font-weight: 400; }
.rodape__titulo { font-family: var(--fonte-texto); font-size: .7rem; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; color: var(--cor-terracota-clara); margin-bottom: 18px; }
.rodape__lista a, .rodape address a { text-decoration: none; transition: color .3s; }
.rodape__lista a:hover, .rodape address a:hover { color: var(--cor-clara); }
.rodape__lista li { padding: 4px 0; }
.rodape__lista--colunas { columns: 2; column-gap: 24px; }
.rodape__base { max-width: var(--largura); margin: 64px auto 0; padding-top: 28px; border-top: 1px solid rgba(244, 239, 232, .14); font-size: .8rem; color: rgba(244, 239, 232, .55); }
.rodape__base p { margin-bottom: .5em; }
@media (max-width: 1000px) { .rodape__grade { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .rodape__grade { grid-template-columns: 1fr; gap: 40px; } }

/* ---------------------------------------------------------------- animações
   Só valem com JS ativo (classe .js no <html>), para o conteúdo nunca
   ficar invisível se o script falhar. */
.js .entrar { opacity: 0; transform: translateY(18px); }
.js.is-pronto .entrar { opacity: 1; transform: none; transition: opacity 1s var(--curva), transform 1.1s var(--curva); }
.js.is-pronto .entrar:nth-child(2) { transition-delay: .08s; }
.js.is-pronto .entrar:nth-child(3) { transition-delay: .16s; }
.js.is-pronto .entrar:nth-child(4) { transition-delay: .24s; }
.js.is-pronto .entrar:nth-child(5) { transition-delay: .32s; }
.js.is-pronto .entrar:nth-child(n+6) { transition-delay: .4s; }

.js .hero-inicio__foto img, .js .hero-pagina__foto img, .js .hero-sobre__foto img, .js .obrigado__foto img { clip-path: inset(0 0 100% 0); }
.js.is-pronto .hero-inicio__foto img, .js.is-pronto .hero-pagina__foto img, .js.is-pronto .hero-sobre__foto img, .js.is-pronto .obrigado__foto img {
  clip-path: inset(0 0 0 0); transition: clip-path 1.4s var(--curva) .1s;
}

.js .revelar { opacity: 0; transform: translateY(28px); transition: opacity 1s var(--curva), transform 1.1s var(--curva); }
.js .revelar.is-visivel { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; transition-delay: 0s !important; }
  .js .entrar, .js .revelar { opacity: 1; transform: none; }
  .js .hero-inicio__foto img, .js .hero-pagina__foto img, .js .hero-sobre__foto img, .js .obrigado__foto img { clip-path: none; }
  .faixa__trilho { animation: none; }
}