:root {
    --primary: #92349f;
    --primary-hover: #a33fb1;
    --primary-gradient: #BD1ED4;
    --primary-dark: #6a2274;
    --bg-cardly: rgb(31, 31, 31);
}

.swiper-pagination-bullet-active {
    background: var(--primary) !important;
}

dialog {
    opacity: 0;
    transform: scale(0.9);
    transition: all 0.3s ease;
}

dialog.animar {
    opacity: 1;
    transform: scale(1);
}

dialog::backdrop {
    background: rgba(0, 0, 0, 0);
}

dialog.animar::backdrop {
    background: rgba(0, 0, 0, 0.5);
}