/* ============================================================
   Tipografia
   Display bem pesada e apertada para os títulos, corpo em sans
   arredondada. Caixa alta só nos chips curtos — nunca em frases.
   ============================================================ */

/* --- títulos --- */
.titulo{
  font-family:var(--display);
  font-weight:800;
  line-height:1.02;
  letter-spacing:-.03em;
  color:var(--tinta);
}
.titulo em{
  font-style:normal;
  font-weight:800;
}

/* --- chip de seção --- */
.rotulo{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:8px 16px 8px 13px;
  border-radius:var(--pilula);
  font-family:var(--sans);
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  line-height:1.3;
  color:var(--uva);
  background:var(--uva-leve);
}
.rotulo::before{
  content:"";
  width:9px;height:9px;
  border-radius:50%;
  background:currentColor;
  flex:none;
  animation:pisca 2.6s var(--ease) infinite;
}
@keyframes pisca{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(.55);opacity:.5}
}

/* variações de cor do chip */
.rotulo.menta{color:#0a8f76;background:var(--menta-leve)}
.rotulo.coral{color:#d63a31;background:var(--coral-leve)}
.rotulo.sol{color:#a86a00;background:var(--sol-leve)}
.rotulo.claro{color:#fff;background:rgba(255,255,255,.2)}

/* --- corpo de texto --- */
.texto{
  font-size:1.05rem;
  font-weight:400;
  line-height:1.78;
  color:var(--tinta-suave);
  max-width:56ch;
}
.texto-centro{margin-left:auto;margin-right:auto;text-align:center}

/* --- texto em degradê --- */
.destaque{
  background:var(--grad-quente);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}

/* --- palavra marcada com traço de caneta --- */
.grifo{
  position:relative;
  z-index:0;
  white-space:nowrap;
}
.grifo::after{
  content:"";
  position:absolute;
  left:-.08em;right:-.08em;bottom:.02em;
  z-index:-1;
  height:.3em;
  border-radius:var(--pilula);
  background:var(--sol);
  transform:rotate(-1.2deg);
}

/* --- assinatura --- */
.assinatura{
  font-family:var(--display);
  font-weight:700;
  font-size:1.5rem;
  letter-spacing:-.02em;
  color:var(--uva);
}