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

body {
    font-family: Arial, sans-serif;
    background-color: #fefcf9;
}


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

dialog {
    position: fixed;
    inset: 0;
    margin: auto;
    width: 90%;
    max-width: 28rem;
    max-height: 90vh;
    overflow-y: auto;
    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);
}

.curva-inferior {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.curva-inferior::after {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: -30px;
    left: -5%;
    width: 110%;
    height: 100px;
    background: white;
    border-radius: 90%;
    pointer-events: none;
}