/* Estilo do site de venda do adm.hospital.
 *
 * Era um <style> de 525 linhas dentro do landing/index.html. Com quatro páginas
 * (/, /medicos, /hospitais, /gestor) seriam quatro cópias para manter em sincronia
 * — a primeira divergência de cor já seria um site que parece dois.
 *
 * Mobile-first, um breakpoint só (860px). Tokens do brandbook em :root; a
 * tipografia é Bricolage Grotesque nos títulos e Inter no corpo, que é a fonte
 * do app: a landing precisa parecer o produto.
 */

:root {
  --navy-titulo: #0F1F30;
  --navy-fundo: #00405E;
  --petroleo: #17637D;
  --teal: #3F9BAA;
  --teal-simbolo: #5598A4;
  --fundo-claro: #F7F9FA;
  --branco: #FFFFFF;
  --cinza-texto: #4A5A6A;
  --cinza-claro: #D8E0E6;
}

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

html { scroll-behavior: smooth; }

/* Duas faces com papéis distintos: a Bricolage Grotesque carrega os
   títulos (é ela que dá cara à marca) e a Inter fica no texto corrido,
   que é a fonte do app — a landing precisa parecer o produto. */
h1, h2, h3, .wordmark, .preco-zero, .plano .preco, .jornada h3 {
  font-family: 'Bricolage Grotesque', 'Inter', system-ui, sans-serif;
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  color: var(--navy-titulo);
  background: var(--branco);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }

.container {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 1.25rem;
}

/* ---------- Wordmark ---------- */
.wordmark {
  font-size: 1.5rem;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: -0.02em;
}
.wordmark .ponto { color: var(--teal); font-weight: 700; }
.wordmark .scale { font-weight: 800; }
.wordmark.claro { color: var(--branco); }
.wordmark.escuro { color: var(--navy-titulo); }

/* ---------- Botões ---------- */
.btn {
  display: inline-block;
  padding: 0.85rem 1.75rem;
  border-radius: 999px;
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
  border: 2px solid transparent;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
  cursor: pointer;
}
.btn:hover { transform: translateY(-2px); }
.btn-teal {
  background: var(--teal);
  color: var(--branco);
  box-shadow: 0 8px 20px rgba(63, 155, 170, 0.35);
}
.btn-teal:hover { background: var(--teal-simbolo); }
.btn-fantasma {
  background: transparent;
  color: var(--branco);
  border-color: rgba(255, 255, 255, 0.55);
}
.btn-fantasma:hover { border-color: var(--branco); background: rgba(255, 255, 255, 0.08); }
.btn-contorno-escuro {
  background: transparent;
  color: var(--navy-fundo);
  border-color: var(--navy-fundo);
}
.btn-contorno-escuro:hover { background: var(--navy-fundo); color: var(--branco); }

/* ---------- Cabeçalho ---------- */
header {
  position: absolute;
  top: 0; left: 0; right: 0;
  z-index: 10;
  padding: 1.25rem 0;
}
header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .btn { padding: 0.55rem 1.35rem; font-size: 0.92rem; }

/* ---------- Decoração: círculos gradiente e cruzinhas ---------- */
.decorado { position: relative; overflow: hidden; }
.circulo {
  position: absolute;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--petroleo) 0%, var(--teal) 100%);
  opacity: 0.45;
  pointer-events: none;
}
.cruzinhas {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpath d='M28 22v12M22 28h12' stroke='%23D8E0E6' stroke-width='2' stroke-linecap='round' fill='none' opacity='0.5'/%3E%3Cpath d='M88 78v12M82 84h12' stroke='%23D8E0E6' stroke-width='2' stroke-linecap='round' fill='none' opacity='0.35'/%3E%3C/svg%3E");
}
.cruzinhas.claras {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpath d='M28 22v12M22 28h12' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' fill='none' opacity='0.14'/%3E%3Cpath d='M88 78v12M82 84h12' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' fill='none' opacity='0.10'/%3E%3C/svg%3E");
}

/* ---------- HERO ---------- */
.hero {
  background: var(--navy-fundo);
  color: var(--branco);
  padding: 8rem 0 5rem;
}
.hero .circulo-1 { width: 480px; height: 480px; top: -220px; right: -160px; }
.hero .circulo-2 { width: 300px; height: 300px; bottom: -140px; left: -120px; opacity: 0.3; }
.hero .container {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  align-items: center;
}
.hero h1 {
  font-size: clamp(2.1rem, 5.5vw, 3.4rem);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.02em;
  margin-bottom: 1.25rem;
}
.hero .sub {
  font-size: 1.13rem;
  color: rgba(255, 255, 255, 0.85);
  max-width: 34rem;
  margin-bottom: 1.5rem;
}
.selo {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(63, 155, 170, 0.18);
  border: 1px solid rgba(63, 155, 170, 0.55);
  color: #BFE3E9;
  border-radius: 999px;
  padding: 0.5rem 1.1rem;
  font-size: 0.92rem;
  font-weight: 600;
  margin-bottom: 1.75rem;
}
.hero .ctas { display: flex; flex-wrap: wrap; gap: 0.9rem; }
.hero .imagem { position: relative; z-index: 2; }
.hero .imagem img { margin: 0 auto; filter: drop-shadow(0 24px 48px rgba(0, 0, 0, 0.35)); }

/* ---------- Seções genéricas ---------- */
section { padding: 4.5rem 0; }
.secao-clara { background: var(--fundo-claro); }
.secao-navy { background: var(--navy-fundo); color: var(--branco); }

h2 {
  font-size: clamp(1.6rem, 4vw, 2.3rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin-bottom: 1rem;
}
.h2-centro { text-align: center; margin-bottom: 2.5rem; }

/* ---------- PARCEIROS ---------- */
.parceiros { padding: 3rem 0; }
.parceiros h2 { font-size: 1.25rem; text-align: center; color: var(--cinza-texto); font-weight: 600; margin-bottom: 2rem; }
.logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2.5rem 3rem;
}
.logos img {
  max-height: 44px;
  width: auto;
  filter: grayscale(1);
  opacity: 0.7;
  transition: filter 0.2s ease, opacity 0.2s ease;
}
.logos img:hover { filter: grayscale(0); opacity: 1; }

/* ---------- SOBRE ---------- */
.sobre .container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  align-items: center;
}
.sobre p { color: var(--cinza-texto); font-size: 1.06rem; max-width: 38rem; }
.card-fundador {
  background: var(--branco);
  border: 1px solid var(--cinza-claro);
  border-radius: 20px;
  padding: 2rem;
  box-shadow: 0 16px 40px rgba(15, 31, 48, 0.08);
  position: relative;
}
.card-fundador::before {
  content: "\201C";
  position: absolute;
  top: -0.5rem;
  left: 1.5rem;
  font-size: 4.5rem;
  font-weight: 800;
  color: var(--teal);
  line-height: 1;
}
.card-fundador blockquote {
  font-size: 0.98rem;
  color: var(--cinza-texto);
  font-style: italic;
  margin: 1.25rem 0 1.5rem;
}
.fundador-id { display: flex; align-items: center; gap: 1rem; }
.fundador-id img {
  width: 64px; height: 64px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--teal);
}
.fundador-id strong { display: block; font-size: 0.98rem; }
.fundador-id span { font-size: 0.85rem; color: var(--cinza-texto); }

/* ---------- DIFERENCIAIS ---------- */
.grid-diferenciais {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  margin-bottom: 3rem;
}
.card-diferencial {
  background: var(--branco);
  border: 1px solid var(--cinza-claro);
  border-radius: 16px;
  padding: 1.6rem;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.card-diferencial:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(15, 31, 48, 0.10);
}
.card-diferencial .icone {
  width: 46px; height: 46px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--petroleo), var(--teal));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.card-diferencial .icone svg { width: 24px; height: 24px; stroke: var(--branco); }
.card-diferencial h3 { font-size: 1.08rem; font-weight: 700; margin-bottom: 0.45rem; }
.card-diferencial p { font-size: 0.94rem; color: var(--cinza-texto); }
.telas { text-align: center; }
.telas img { margin: 0 auto 0.75rem; }
.telas figcaption { color: var(--cinza-texto); font-size: 0.95rem; font-weight: 600; }

/* ---------- IA ---------- */
.ia .circulo-1 { width: 380px; height: 380px; top: -160px; left: -140px; opacity: 0.3; }
.ia .circulo-2 { width: 300px; height: 300px; bottom: -140px; right: -110px; opacity: 0.35; }
.ia .container {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  align-items: center;
}
.ia p { color: rgba(255, 255, 255, 0.85); font-size: 1.08rem; max-width: 34rem; }
.ia img { border-radius: 20px; box-shadow: 0 24px 48px rgba(0, 0, 0, 0.35); }

/* ---------- GRATUITO ---------- */
.gratuito { text-align: center; }
.gratuito h2 { color: var(--navy-fundo); }
.gratuito p {
  color: var(--cinza-texto);
  font-size: 1.1rem;
  max-width: 44rem;
  margin: 0 auto 2rem;
}
.preco-zero {
  display: inline-block;
  font-size: clamp(3rem, 9vw, 5rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  background: linear-gradient(135deg, var(--petroleo), var(--teal));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  line-height: 1;
  margin-bottom: 1rem;
}

/* ---------- 3 PASSOS ---------- */
.passos .grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
.passo {
  background: var(--branco);
  border: 1px solid var(--cinza-claro);
  border-radius: 18px;
  padding: 2rem 1.6rem;
  position: relative;
}
.passo .numero {
  display: inline-block;
  background: var(--teal);
  color: var(--branco);
  font-weight: 800;
  font-size: 1.05rem;
  border-radius: 999px;
  padding: 0.3rem 1rem;
  margin-bottom: 1.1rem;
}
.passo h3 { font-size: 1.15rem; font-weight: 700; margin-bottom: 0.5rem; }
.passo p { font-size: 0.95rem; color: var(--cinza-texto); }

/* ---------- DEPOIMENTOS ---------- */
.rating {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 2.5rem;
}
.rating img { max-height: 56px; width: auto; }
.rating span { font-weight: 600; color: var(--cinza-texto); font-size: 0.95rem; }
.grid-depoimentos {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
.card-depoimento {
  background: var(--branco);
  border: 1px solid var(--cinza-claro);
  border-radius: 18px;
  padding: 2rem;
  box-shadow: 0 12px 32px rgba(15, 31, 48, 0.06);
}
.card-depoimento blockquote {
  color: var(--cinza-texto);
  font-size: 1rem;
  margin-bottom: 1.5rem;
}
.nota-depoimentos {
  text-align: center;
  font-size: 0.85rem;
  color: var(--cinza-texto);
  margin-top: 1.75rem;
}

/* ---------- INSTITUIÇÃO ---------- */
.instituicao .container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  align-items: center;
}
.instituicao p { color: var(--cinza-texto); font-size: 1.08rem; max-width: 36rem; }
.instituicao img { border-radius: 20px; box-shadow: 0 20px 44px rgba(15, 31, 48, 0.14); }

/* ---------- CTA FINAL / RODAPÉ ---------- */
.cta-final { text-align: center; }
.cta-final .circulo-1 { width: 420px; height: 420px; top: -200px; right: -160px; opacity: 0.35; }
.cta-final .circulo-2 { width: 320px; height: 320px; bottom: -160px; left: -130px; opacity: 0.28; }
.cta-final .container { position: relative; z-index: 2; }
.cta-final h2 { color: var(--branco); margin-bottom: 2rem; }
.cta-final .ctas { display: flex; flex-wrap: wrap; gap: 0.9rem; justify-content: center; }

footer {
  background: var(--navy-titulo);
  color: rgba(255, 255, 255, 0.75);
  padding: 2.5rem 0;
  text-align: center;
  font-size: 0.9rem;
}
footer .wordmark { display: inline-block; margin-bottom: 0.75rem; }
footer a { color: var(--teal); text-decoration: none; }
footer a:hover { text-decoration: underline; }

/* ---------- Celular com print real do app ----------
   As telas são capturadas do app rodando (390x844, 2x). A moldura é CSS:
   nada de imagem de aparelho, que envelhece e pesa. */
.fone {
  position: relative;
  width: 268px;
  max-width: 100%;
  margin: 0 auto;
  padding: 10px;
  border-radius: 42px;
  background: linear-gradient(160deg, #16303f 0%, #0F1F30 100%);
  box-shadow: 0 22px 50px rgba(15, 31, 48, 0.32), 0 2px 6px rgba(15, 31, 48, 0.2);
}
.fone::before {
  content: "";
  position: absolute;
  top: 18px; left: 50%;
  transform: translateX(-50%);
  width: 84px; height: 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.22);
  z-index: 2;
}
.fone img {
  border-radius: 32px;
  display: block;
  width: 100%;
}
.fone.claro { background: linear-gradient(160deg, #dfe8ec 0%, #b9ccd4 100%); }
.fone.claro::before { background: rgba(15, 31, 48, 0.18); }

.fones-lado {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.fones-lado .fone { width: 232px; }

/* ---------- Jornada (blocos alternados) ---------- */
.jornada .passo {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 2.5rem 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  align-items: center;
  padding: 2.5rem 0;
}
.jornada .passo + .passo { border-top: 1px solid var(--cinza-claro); }
.jornada .numero {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.1rem; height: 2.1rem;
  border-radius: 999px;
  background: var(--teal);
  color: var(--branco);
  font-weight: 700;
  font-size: 0.95rem;
  margin-bottom: 0.9rem;
}
.jornada .fone { width: 300px; }
.jornada h3 { font-size: 1.5rem; font-weight: 800; letter-spacing: -0.01em; margin-bottom: 0.6rem; }
.jornada p { color: var(--cinza-texto); margin-bottom: 0.9rem; }
.jornada ul { list-style: none; display: grid; gap: 0.5rem; }
.jornada li { position: relative; padding-left: 1.6rem; color: var(--cinza-texto); }
.jornada li::before {
  content: "";
  position: absolute; left: 0; top: 0.55em;
  width: 0.6rem; height: 0.6rem;
  border-radius: 999px;
  background: var(--teal);
}

/* ---------- Livia ---------- */
.livia .container { position: relative; z-index: 2; display: grid; gap: 2.5rem; align-items: center; }
.livia .balao {
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 20px 20px 20px 6px;
  padding: 1rem 1.15rem;
  margin-bottom: 0.75rem;
  max-width: 24rem;
}
.livia .balao.eu {
  background: var(--teal);
  border-color: var(--teal);
  border-radius: 20px 20px 6px 20px;
  margin-left: auto;
}
.livia .balao p { margin: 0; color: rgba(255, 255, 255, 0.92); font-size: 0.98rem; }
.livia .balao .quem { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.08em; opacity: 0.7; margin-bottom: 0.25rem; }

/* ---------- Preços ---------- */
.grid-precos { display: grid; gap: 1.25rem; }
.plano {
  background: var(--branco);
  border: 1px solid var(--cinza-claro);
  border-radius: 20px;
  padding: 1.75rem;
}
.plano.destaque { border-color: var(--teal); box-shadow: 0 12px 30px rgba(63, 155, 170, 0.18); }
.plano .nome { font-weight: 700; font-size: 1.15rem; margin-bottom: 0.35rem; }
.plano .preco { font-size: 1.9rem; font-weight: 800; letter-spacing: -0.02em; }
.plano .preco span { font-size: 0.95rem; font-weight: 500; color: var(--cinza-texto); }
.plano p { color: var(--cinza-texto); margin-top: 0.6rem; }

/* ---------- Desktop ---------- */
@media (min-width: 860px) {
  .jornada .passo { grid-template-columns: 1fr 0.8fr; gap: 3.5rem; }
  .jornada .passo:nth-child(even) .texto { order: 2; }
  .jornada .passo:nth-child(even) .arte { order: 1; }
  .livia .container { grid-template-columns: 1fr 1fr; }
  .grid-precos { grid-template-columns: repeat(3, 1fr); }
  section { padding: 6rem 0; }
  .hero { padding: 9rem 0 6rem; }
  .hero .container { grid-template-columns: 1.1fr 0.9fr; }
  .sobre .container { grid-template-columns: 1fr 1fr; }
  .grid-diferenciais { grid-template-columns: repeat(3, 1fr); }
  .ia .container { grid-template-columns: 1fr 1fr; }
  .passos .grid { grid-template-columns: repeat(3, 1fr); }
  .grid-depoimentos { grid-template-columns: repeat(2, 1fr); }
  .instituicao .container { grid-template-columns: 1fr 1fr; }
}

/* ==========================================================================
   Selo de maturidade (15/08/2026)
   ==========================================================================
   Toda afirmação de capacidade no site carrega um nível: o que funciona hoje,
   o que está em construção e o que é visão. Não é disclaimer — é o contrário
   de um: o que está marcado como pronto tem que estar jogável no simulador.
   Nenhum concorrente faz isso, e é o que faz um diretor de hospital confiar. */

.nivel {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Inter', sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid transparent;
  white-space: nowrap;
}
.nivel-pronto {
  background: #E6F4F1;
  color: #14705F;
  border-color: #B6E0D6;
}
.nivel-construcao {
  background: #FDF3E3;
  color: #8A5A11;
  border-color: #F2DDB4;
}
.nivel-visao {
  background: #EEF1F4;
  color: #4A5A6A;
  border-color: var(--cinza-claro);
}
/* Selo dentro de um bloco escuro (secao-navy) precisa de contraste próprio. */
.secao-navy .nivel-pronto { background: rgba(255,255,255,.14); color: #BFE3E9; border-color: rgba(191,227,233,.3); }
.secao-navy .nivel-construcao { background: rgba(255,255,255,.14); color: #F5D9A8; border-color: rgba(245,217,168,.3); }
.secao-navy .nivel-visao { background: rgba(255,255,255,.1); color: #C9D6DE; border-color: rgba(201,214,222,.25); }

.legenda-niveis {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  align-items: center;
  padding: 16px 18px;
  border: 1px solid var(--cinza-claro);
  border-radius: 14px;
  background: var(--branco);
  margin: 24px 0;
}
.legenda-niveis span.texto { font-size: 0.9rem; color: var(--cinza-texto); }

/* ==========================================================================
   Bifurcação de público (a página-mãe manda cada um para a sua página)
   ========================================================================== */

.bifurcacao .grid {
  display: grid;
  gap: 16px;
  margin-top: 28px;
}
.porta {
  display: block;
  padding: 28px 24px;
  border-radius: 18px;
  border: 1px solid var(--cinza-claro);
  background: var(--branco);
  text-decoration: none;
  color: inherit;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.porta:hover {
  transform: translateY(-2px);
  border-color: var(--teal);
  box-shadow: 0 12px 30px rgba(15, 31, 48, .08);
}
.porta h3 {
  margin: 0 0 8px;
  font-size: 1.35rem;
}
.porta p { margin: 0 0 14px; color: var(--cinza-texto); }
.porta .seta { color: var(--petroleo); font-weight: 600; }

/* ==========================================================================
   Navegação entre as páginas do site
   ========================================================================== */

.menu-site {
  display: none;
  gap: 22px;
  align-items: center;
}
.menu-site a {
  color: rgba(255,255,255,.86);
  text-decoration: none;
  font-size: 0.95rem;
  font-weight: 500;
}
.menu-site a:hover { color: #fff; }
.menu-site a.ativo { color: #fff; border-bottom: 2px solid var(--teal); padding-bottom: 2px; }
/* Cabeçalho sobre fundo claro (páginas sem hero escuro). */
header.claro .menu-site a { color: var(--cinza-texto); }
header.claro .menu-site a.ativo { color: var(--navy-titulo); }

@media (min-width: 860px) {
  .menu-site { display: flex; }
  .bifurcacao .grid { grid-template-columns: 1fr 1fr; gap: 24px; }
}

/* ==========================================================================
   Simulador ("veja como funciona")
   ==========================================================================
   O bundle da aplicação tem ~265 kB comprimidos. Ele NÃO pode entrar no
   caminho crítico de uma página de venda: fica atrás de um clique, e só então
   o iframe é criado. Antes disso, o que existe é um print e um botão. */

.palco {
  position: relative;
  margin: 0 auto;
  max-width: 420px;
  border-radius: 28px;
  overflow: hidden;
  border: 10px solid #0F1F30;
  background: #0F1F30;
  box-shadow: 0 24px 60px rgba(15, 31, 48, .28);
}
.palco iframe,
.palco img {
  display: block;
  width: 100%;
  height: 720px;
  border: 0;
  object-fit: cover;
  object-position: top center;
  background: #F7F9FA;
}
.palco-capa {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: center;
  padding: 24px;
  background: linear-gradient(180deg, rgba(15,31,48,.35), rgba(15,31,48,.82));
  color: #fff;
  cursor: pointer;
  border: 0;
  width: 100%;
}
.palco-capa strong { font-size: 1.15rem; }
.palco-capa span { font-size: .92rem; opacity: .9; max-width: 260px; }
.palco-capa .btn { pointer-events: none; }

.simulador-nota {
  text-align: center;
  font-size: .88rem;
  color: var(--cinza-texto);
  margin-top: 14px;
}