.modal-container {
    width: clamp(154px, 13.5vw, 14.5vw);
    /* height: clamp(309px, 48.5vw, 84vw); */
    /* background: rgba(0, 0, 0, .5); */
    position: absolute;
    z-index: 9000;
    justify-content: center;
    align-items: center;
    margin-top: clamp(10px, 2vw, 3vw);
}

.modal-container.mostrar {
    display: flex;
}

.modal {
    border-radius: 30px;
    background-color: #ffffff;
    display: absolute;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    padding: 12px;
}

.modal li {
    border-width: 1px;
    border-color: #b7253e;
    border-style: solid;
    color: #b7253e;
    text-align: center;
    font-family: "Circe", "sans serif";
    line-height: 1.332;
    font-size: clamp(9px, 0.90vw, 3.17vw);
    padding: 7px 8px;
    margin: 6px 9px;
}

.c-plus button {
    background: none;
}

@keyframes modal {
    from {
        opacity: 0;
        transform: translate3d(0, -60px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.mostrar .modal {
    animation: modal .3s;
}

@media screen and (max-width: 980px) {
    .modal {
        border-radius: 0px 0px 10px 10px;
    }
}