/* ============================================================
   BRAND PATTERNS — Coronel Lenise / AGIR
   Motivos reutilizáveis: fio dourado, faixa diagonal, base institucional.
   ============================================================ */

/* Fio dourado horizontal (sob títulos) */
.lenise-rule {
  display: block;
  height: var(--bw-bold);
  width: 96px;
  background: linear-gradient(90deg, var(--gold-500), var(--gold-300));
  border-radius: 2px;
}

/* Etiqueta caixa-alta institucional */
.lenise-eyebrow {
  font: var(--w-bold) var(--t-caption)/1 var(--font-label);
  text-transform: uppercase;
  letter-spacing: var(--ls-wide);
  color: var(--gold-500);
}

/* Capsula "RIO DE JANEIRO" */
.lenise-capsule {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  padding: 0.35em 1.1em;
  border-radius: var(--r-pill);
  background: var(--gold-500);
  color: var(--navy-950);
  font: var(--w-bold) var(--t-caption)/1 var(--font-label);
  text-transform: uppercase;
  letter-spacing: var(--ls-wide);
}

/* Superfície institucional padrão (navy com leve profundidade) */
.lenise-surface-navy {
  background:
    radial-gradient(120% 90% at 80% -10%, var(--navy-700) 0%, transparent 55%),
    var(--navy-800);
  color: var(--white);
}

/* Faixa diagonal (assinatura do pôster) */
.lenise-diagonal {
  position: relative;
  overflow: hidden;
}
.lenise-diagonal::before {
  content: "";
  position: absolute;
  inset: -20% -10%;
  background: var(--gold-500);
  transform: rotate(-7deg);
}

/* ============================================================
   Degradê institucional "Brasil" (amarelo → verde).
   Padrão do NÚMERO DE VOTO: borda da placa + preenchimento do
   numeral usam este degradê. Use as utilidades abaixo ou o token.
   ============================================================ */
:root {
  --grad-br: linear-gradient(155deg, var(--br-yellow) 0%, #f2c200 32%, var(--br-green) 100%);
}

/* Placa do número: miolo marinho + borda em degradê Brasil */
.lenise-number-plate {
  background:
    linear-gradient(var(--navy-950), var(--navy-950)) padding-box,
    var(--grad-br) border-box;
  border: 3px solid transparent;
  border-radius: var(--r-xl);
  box-shadow: var(--shadow-lg);
}
/* Numeral preenchido pelo degradê Brasil */
.lenise-number-text {
  background: var(--grad-br);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}