/* =========================================================
   8) TOP ISOTYPE
   ========================================================= */

.canalla-top-mark {
  position: fixed !important;
  top: 36px !important;
  left: 50% !important;
  z-index: 100200 !important;
  opacity: 0;
	pointer-events: auto !important;
	cursor: pointer;
  isolation: isolate !important;
  transform: translateX(-50%) translateY(-10px) !important;
  transition:
    opacity 0.6s ease,
    transform 0.6s ease !important;
}

.canalla-top-mark.canalla-top-mark-ready,
.canalla-top-mark.canalla-top-mark-scrolled {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
}

.canalla-top-mark-rotator {
  display: block;
  will-change: transform;
  animation: canallaIsoFloatPremium 5.8s ease-in-out infinite;
}

.canalla-top-mark .canalla-isotipo-svg {
  display: block;
  width: 42px;
  height: auto;
  color: var(--canalla-color-gold);
  filter:
    drop-shadow(0 0 8px rgba(214, 177, 31, 0.2))
    drop-shadow(0 0 18px rgba(214, 177, 31, 0.08));
  animation: canallaIsoGlowPremium 5.8s ease-in-out infinite;
	transition: transform .28s cubic-bezier(.2,.75,.25,1);
}

.canalla-top-mark:hover .canalla-isotipo-svg { transform: scale(1.09); }
@media (prefers-reduced-motion: reduce) { .canalla-top-mark:hover .canalla-isotipo-svg { transform: none; } }