/* Variante corta: medallón circular y letras giratorias, como en Retro. */
.brand-mark {
  width: 216px;
  height: 216px;
  min-height: 0;
  margin: 16px auto 20px;
  overflow: visible;
  animation: logo-float 7s ease-in-out infinite;
}
.brand-letter-ring {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transform-origin: center;
  animation: letters-turn 34s linear infinite;
}
.brand-letter-ring text {
  font: 700 12px "Manrope", sans-serif;
  letter-spacing: 2.1px;
  fill: #ffb3b8;
}
.brand-disc {
  position: relative;
  display: grid;
  place-items: center;
  width: 166px;
  height: 166px;
  border: 1px solid #ff838999;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 28%, #471b29, #190d14 72%);
  box-shadow: 0 0 0 5px #10090b, 0 0 0 6px #ff838933, 0 12px 32px #0005;
}
.brand-disc::before {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1px solid #ffd7da26;
  border-top-color: #ffd7dab3;
  border-radius: inherit;
  pointer-events: none;
  animation: letters-turn 22s linear infinite reverse;
}
.brand-disc .logo-panel {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, calc(-50% - 5px));
  width: 180px;
  overflow: visible;
  animation: none;
}
.brand-disc .brand-signature { width: 80px; margin-top: -14px; }
@keyframes letters-turn { to { transform: rotate(360deg); } }