.menu-mxplus .navbar-brand.menu-muertos__marca {
    flex: 0 0 auto;
    width: 0;
    padding-right: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transition: width 0.45s ease, padding 0.45s ease, opacity 0.3s ease;
}

.menu-muertos--fijo .navbar-brand.menu-muertos__marca {
    width: 103px;
    padding-right: 40px;
    opacity: 1;
    pointer-events: auto;
}

.menu-muertos__marca .logo-muertos {
    display: block;
    width: 63px;
}

.cuenta-muertos__logo .logo-muertos {
    display: block;
    width: 84px;
    height: auto;
    overflow: visible;
    vertical-align: middle;
}

.logo-muertos__letras {
    transform-box: fill-box;
    transform-origin: center;
    animation: logo-muertos-zoom 24s ease-in-out 2s infinite;
}

.logo-muertos__letras-original {
    animation: logo-muertos-original 24s ease-in-out 2s infinite;
}

.logo-muertos__petalo {
    opacity: 0;
    stroke: #8a2e05;
    stroke-width: 0.35;
    transform-box: fill-box;
    transform-origin: center;
    animation: logo-muertos-petalo 24s ease-in-out var(--retraso) infinite;
}

@keyframes logo-muertos-original {
    0%, 28%, 82%, 100% {
        opacity: 1;
    }

    33%, 78% {
        opacity: 0;
    }
}

@keyframes logo-muertos-petalo {
    0%, 24% {
        opacity: 0;
        transform: translate(var(--dx), var(--dy)) rotate(var(--giro)) scale(0.4);
    }

    27% {
        opacity: 1;
    }

    32%, 74% {
        opacity: 1;
        transform: translate(0, 0) rotate(0deg) scale(1);
    }

    80% {
        opacity: 1;
    }

    84%, 100% {
        opacity: 0;
        transform: translate(var(--sx), var(--sy)) rotate(calc(var(--giro) * -1)) scale(0.5);
    }
}

@keyframes logo-muertos-zoom {
    0%, 29%, 39%, 74%, 84%, 100% {
        transform: scale(1);
    }

    33% {
        transform: scale(1.32);
    }

    36% {
        transform: scale(0.96);
    }

    78% {
        transform: scale(1.22);
    }

    81% {
        transform: scale(0.98);
    }
}

.logo-muertos__mas {
    transform-box: fill-box;
    transform-origin: center;
    animation: logo-muertos-giro 24s ease-in-out 2s infinite;
}

.logo-muertos__mas-cempasuchil {
    opacity: 0;
    animation: logo-muertos-cempasuchil 24s ease-in-out 2s infinite;
}

@keyframes logo-muertos-giro {
    0%, 30% {
        transform: scale(1) rotate(0deg);
    }

    34% {
        transform: scale(1.25) rotate(180deg);
    }

    38%, 75% {
        transform: scale(1) rotate(360deg);
    }

    79% {
        transform: scale(1.15) rotate(540deg);
    }

    83%, 100% {
        transform: scale(1) rotate(720deg);
    }
}

@keyframes logo-muertos-cempasuchil {
    0%, 32%, 81%, 100% {
        opacity: 0;
        filter: drop-shadow(0 0 0 rgba(255, 160, 40, 0));
    }

    36%, 77% {
        opacity: 1;
        filter: drop-shadow(0 0 2px rgba(255, 160, 40, 0.7));
    }

    50%, 64% {
        opacity: 1;
        filter: drop-shadow(0 0 4px rgba(255, 170, 40, 0.95));
    }

    57% {
        opacity: 1;
        filter: drop-shadow(0 0 1.5px rgba(255, 160, 40, 0.6));
    }
}

@media (prefers-reduced-motion: reduce) {
    .logo-muertos__petalo {
        display: none;
    }

    .logo-muertos__letras,
    .logo-muertos__letras-original,
    .logo-muertos__petalo,
    .logo-muertos__mas,
    .logo-muertos__mas-cempasuchil {
        animation: none;
    }
}

.menu-muertos .navbar-nav {
    gap: clamp(10px, 1.2vw, 22px);
}

.menu-muertos .navbar-nav .nav-link {
    white-space: nowrap;
}

.menu-mxplus.menu-muertos .navbar .navbar-nav .dropdown.submenu .nav-link .arrow {
    float: none;
    margin-left: 14px;
    vertical-align: middle;
}