/* Paleta de marca definida en MudTheme.PaletteDark (Declarations.cs):
   - Primary = purpura (acento principal del UI)
   - Secondary = lavender (acento suave)
   - Tertiary = magenta (brand, golpe visual fuerte)
   Usar Color.Primary / Color.Secondary / Color.Tertiary en los componentes;
   asi cualquier cambio de tema se propaga solo.
   Mantenemos --mp-brand para sitios CSS-only (texto en MudText, etc). */
:root {
    --mp-brand: #FF1493;
}

.mp-brand {
    color: var(--mp-brand) !important;
}

.mp-drawer-logo {
    width: 120px;
    height: 120px;
    object-fit: contain;
    border-radius: 16px;
    display: block;
}

.text-truncate {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-slide-wrapper {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-slide-wrapper:hover {
    text-overflow: clip;
}

.text-slide-wrapper:hover .text-slide {
    display: inline-block;
    padding-right: 100%;
    animation: slideLeft 8s linear infinite;
}

@keyframes slideLeft {
    from { transform: translateX(0);  }
    to { transform: translateX(-100%); }
}