/* =====================================================================
   DIVISOR — GUINHO TATTOO  (módulo auto-contido, prefixo gd-)
   SEM faixa: as seções se encostam e fica uma RÉGUA vermelha cheia na
   emenda — brilho + borda escura pra destacar em qualquer arte (deserto
   claro ou céu azul). Decorativo (aria-hidden no HTML).
   ===================================================================== */

.gd-divider {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 0;                 /* nenhuma faixa: as seções se tocam */
  margin: 0;
  overflow: visible;
  pointer-events: none;      /* não bloqueia cliques das seções */
}

/* Régua vermelha de ponta a ponta, centrada na emenda */
.gd-divider::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  transform: translateY(-50%);
  height: 5px;
  /* vermelho cheio: pontas mais fechadas, centro aceso */
  background: linear-gradient(
    90deg,
    #9e1216 0%,
    #e2292d 50%,
    #9e1216 100%
  );
  /* brilho + fina borda escura em cima/baixo pra recortar do fundo */
  box-shadow:
    0 0 12px 1px rgba(226, 42, 46, 0.75),
    0 1px 0 rgba(0, 0, 0, 0.55),
    0 -1px 0 rgba(0, 0, 0, 0.45);
}
