.aniversario {
    height: auto;
    padding: 11.729vw 15.8% 10vw;
    position: relative;
    background: rgb(91, 169, 221);
    background: linear-gradient(114deg, rgba(91, 169, 221, 1) 0%, rgba(57, 139, 195, 1) 100%);
    border-top: 5px solid #92b644;
    z-index: 1;
    overflow: hidden;
}

.nuvens {
    width: 101.4583vw;
    height: 10.2708vw;
    background: transparent url(../../restaurante-infantil/home/nuvens.webp) repeat-x;
    background-size: cover;
    position: absolute;
    right: 0px;
    top: 4.3229vw;
    bottom: 0;
    z-index: 1;
    animation: move-background 100s linear infinite;
}

@keyframes move-background {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 101.4583vw 0;
    }
}

.grama {
    width: 100%;
    height: 100%;
    background: url(../../restaurante-infantil/background/banner-bg-aniversario.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    position: absolute;
    right: 0;
    top: 400px;
    z-index: 2;
}

#aniversario {
    position: relative;
    z-index: 4;
}

#aniversario .titulo {
    font-family: "Titan One", sans-serif;
    color: #fff;
    font-size: 2.9167vw;
    text-align: center;
    margin-bottom: 0.685vw;
}

#aniversario .titulo-2 {
    font-family: "Titan One", sans-serif;
    color: #fff;
    font-size: 2.0167vw;
    text-align: center;
    margin-bottom: 0.685vw;
}

#aniversario .titulo .titulo-chapeu {
    position: relative;
}

#aniversario .titulo .titulo-chapeu::before {
    content: '';
    display: block;
    background-image: url(../../restaurante-infantil/pages/chapeu-aniversario.webp);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.77vw;
    height: 2.1875vw;
    position: absolute;
    top: -0.5vw;
    right: -0.5vw;
    z-index: 1;
}

#aniversario .texto {
    color: #fff;
    font-size: 0.81vw;
    line-height: 1.197vw;
    letter-spacing: 0.021vw;
    font-weight: 600;
    text-align: center;
    width: 55%;
    margin: 0 auto 3.8vw;
}

#aniversario .texto.texto-2 {
    margin: 0 auto 2vw;
    width: 60%;
}

#aniversario .cards {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    margin: 3vw 0 5vw;
}

#aniversario .cards .card {
    height: auto !important;
    border-radius: 15px;
    background-color: #fff;
    width: 32%;
    position: relative;
    padding: 16vw 1.402vw 3vw 1.302vw;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

#aniversario .over-cards {
    overflow: visible;
}

#aniversario .cards .card .pacote-img {
    position: absolute;
    top: -1vw;
    left: -0.5vw;
    height: auto;
    transform: scale(1.04);
}

#aniversario .cards .card.card-2 .pacote-img {
    left: 0.15vw;
}

#aniversario .cards .card.card-3 .pacote-img {
    left: -0.3vw;
    top: -1.8vw;
}

#aniversario .cards .card .titulo-card {
    font-family: "Titan One", sans-serif;
    color: #fff;
    font-size: 1.4583vw;
    text-align: center;
    padding: 0.8vw;
    border-radius: 30px;
    position: absolute;
    top: 11.5vw;
}

#aniversario .cards .card.card-1 .titulo-card {
    background-color: #97bb44;
    width: 16.614vw;
    left: calc(50% - 8.307vw);
}

#aniversario .cards .card.card-2 .titulo-card {
    background-color: #ffae00;
    width: 20.052vw;
    left: calc(50% - 10.026vw);
}

#aniversario .cards .card.card-3 .titulo-card {
    background-color: #864100;
    width: 15.625vw;
    left: calc(50% - 7.8125vw);
}

#aniversario .cards .subtitulo-card {
    font-size: 0.9375vw;
    font-weight: 500;
    margin: 0.7vw 0 0.4vw;
}

#aniversario .cards .lista-card {
    font-size: 14.5px;
    letter-spacing: 0.3px;
    line-height: 23px;
    padding-left: 1.406vw;
}

#aniversario .cards .lista-card li::before {
    content: url(../../restaurante-infantil/pages/check.webp);
    margin-right: 5px;
    position: absolute;
    left: 1.4vw;
}

#aniversario .cards .qtde-card {
    font-size: 14px;
    margin-top: 1vw;
}

#aniversario .cards .btn {
    background-color: #ef6218;
    border-radius: 50px;
    border: 3px solid #ffae00;
    display: block;
    width: 205px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    padding: 15px;
    position: absolute;
    bottom: -29px;
    left: calc(50% - 102.5px);
    transition: all 0.5s;
}

#aniversario .cards .btn p {
    display: inline-block;
    position: relative;
    margin-left: -0.7813vw;
}

#aniversario .cards .btn p::after {
    content: url(../../restaurante-infantil/home/galeria/seta-direita.webp);
    display: block;
    width: 30px !important;
    height: 30px !important;
    border-radius: 20px;
    padding: 4px;
    background-color: transparent;
    border: 1px solid #ffffff5c;
    position: absolute;
    bottom: -5px;
    right: -40px;
}

#aniversario .cards .btn:hover {
    box-shadow: inset 0 0 0 2em #ffae00;
    border-color: #ffae00;
}

#aniversario .container-form {
    background-color: #fff;
    width: 100%;
    max-width: 888px;
    border-radius: 15px;
    margin: auto;
    padding: 45px;
    position: relative;
    z-index: 1;
}

#aniversario .label-form {
    position: absolute;
    top: 12px;
    left: 65px;
    font-size: 14px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    z-index: 1;
}

#aniversario .campo-ocasiao .label-form,
#aniversario .campo-qtde .label-form {
    left: 30px;
}

#aniversario .campo-mensagem .label-form {
    top: 29px;
}

#aniversario .label-form.label-up {
    top: -12px;
    font-size: 10px;
    background-color: #ff6818;
    border-radius: 30px;
    color: #fff;
    padding: 3px 7px;
}

#aniversario .campo-form {
    position: relative;
    margin: 0 0 20px;
}

#aniversario .campo-form.sem-m {
    margin: 0 0 6px;
}

#aniversario .dois-campos {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#aniversario .container-form .campo-email,
#aniversario .container-form .campo-telefone,
#aniversario .container-form .campo-ocasiao,
#aniversario .container-form .campo-qtde {
    width: 49%;
}

#aniversario .container-form .form-exent-nome,
#aniversario .container-form .form-exent-email,
#aniversario .container-form .form-exent-telefone,
#aniversario .container-form .form-exent-mensagem,
#aniversario .container-form .form-exent-ocasiao,
#aniversario .container-form .form-exent-qtde {
    width: 100%;
    font-family: "Montserrat", sans-serif;
    color: #000;
    background-color: #e8e8e8;
    padding: 12px 10px 12px 65px;
    text-decoration: none;
    font-size: 14px;
    border: none;
    border-radius: 15px;
}


#aniversario .container-form .form-exent-mensagem {
    padding: 30px 10px 20px 65px !important;
}

#aniversario .container-form .form-exent-ocasiao,
#aniversario .container-form .form-exent-qtde {
    padding: 12px 10px 12px 30px !important;
}

#aniversario .container-form .campo-ocasiao::before {
    content: url(../../restaurante-infantil/geral/seta-form.webp);
    width: 20px;
    height: 15px;
    position: absolute;
    background-color: #e8e8e8;
    z-index: 1;
    right: 20px;
    top: 12px;
    text-align: center;
}

#aniversario .container-form .campo-form.campo-nome::before {
    content: url(../../restaurante-infantil/blog/nome.webp);
    position: absolute;
    top: 10px;
    left: 30px;
    z-index: 1;
}

#aniversario .container-form .campo-form.campo-email::before {
    content: url(../../restaurante-infantil/blog/email.webp);
    position: absolute;
    top: 10px;
    left: 30px;
    z-index: 1;
}

#aniversario .container-form .campo-form.campo-telefone::before {
    content: url(../../restaurante-infantil/blog/telefone.webp);
    position: absolute;
    top: 10px;
    left: 30px;
    z-index: 1;
}

#aniversario .container-form .campo-form.campo-mensagem::before {
    content: url(../../restaurante-infantil/blog/comentario.webp);
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
}

#aniversario .container-form .campo-form.campo-assunto::before {
    content: url(../../restaurante-infantil/geral/seta-form.webp);
    width: 20px;
    height: 15px;
    position: absolute;
    background-color: #e8e8e8;
    z-index: 1;
    right: 10px;
    top: 12px;
    text-align: center;
}

#aniversario .container-form .autorizo {
    color: #000;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin-left: 5px;
    text-align: left;
    flex: 1;
}

#aniversario .container-form .autorizo b {
    font-weight: 400;
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}

#aniversario .container-form .obrigatorios {
    color: #000;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin-top: 10px;
}

#aniversario .container-form .form-exent-enviar {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background-color: #ff6817;
    border-radius: 30px;
    padding: 15px 35px;
    display: block;
    width: 100%;
    border: none;
    cursor: pointer;
    transition: all 0.5s;
    text-align: center;
}

#aniversario .container-form .form-exent-enviar:hover {
    box-shadow: inset 0 0 0 2em #ffae00;
}

#aniversario .container-form .chk {
    accent-color: #ff6818;
    border: none;
    cursor: pointer;
    line-height: 0;
    margin: 0 5px 0 0;
    width: 18px;
    height: 21px;
}

#aniversario .container-form .checkmark {
    position: absolute;
    top: 1px;
    left: -1px;
    height: 20px;
    width: 20px;
    background-color: #ff6818;
    clip-path: polygon(0% 0%, 0% 100%, 16% 99%, 16% 17%, 83% 18%, 83% 84%, 15% 84%, 0 100%, 100% 100%, 100% 0%);
}

#aniversario .campo-form.campo-chk {
    display: flex;
    align-items: center;
}

#aniversario-status,
#calendario-status {
    color: #FF0025;
    font-weight: 900;
    font-size: 15px;
    line-height: 15px;
    margin: 20px 0 20px 0;
    text-align: center;
    width: 100%;
}

#aniversario .campo-pacote label {
    font-size: 14px;
}

#aniversario .botao-radio {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 11px;
}

#aniversario .campo-form.campo-pacote {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-bottom: 30px;
}

input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 3px solid #ef6218;
    -webkit-transform: translateY(-0.075em);
    -ms-transform: translateY(-0.075em);
    transform: translateY(-0.075em);
    display: -ms-grid;
    display: grid;
    place-content: center;
    width: 17px;
    height: 17px;
    border-radius: 25px;
}

input[type="radio"]::before {
    content: "";
    width: 17px;
    height: 17px;
    border-radius: 25px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 120ms -webkit-transform ease-in-out;
    transition: 120ms -webkit-transform ease-in-out;
    -o-transition: 120ms transform ease-in-out;
    transition: 120ms transform ease-in-out;
    transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
    -webkit-box-shadow: inset 1em 1em #ef6218;
    box-shadow: inset 1em 1em #ef6218;
}

input[type="radio"]:checked::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

input[type="radio"]:focus {
    outline-offset: 2px;
}

#aniversario .campo-qtde {
    position: relative;
}

#aniversario .pt_QuantityNav {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
}

#aniversario .pt_QuantityNav.hidden {
    display: none;
}

#aniversario .pt_QuantityButton {
    background-color: #e8e8e8;
    padding: 4px 6px;
    cursor: pointer;
    border: none;
    display: inline-block;
    text-align: center;
    user-select: none;
}

#aniversario .pt_QuantityButton.pt_QuantityUp img {
    transform: rotate(180deg);
}

#reserva-status {
    color: #FF0025;
    font-weight: 900;
    font-size: 15px;
    line-height: 15px;
    margin: 20px 0 20px 0;
    text-align: center;
    width: 100%;
}

/*iphone*/

select {
    background-color: #e8e8e8;
    border: none;
    border-radius: 15px;
    padding: 12px 10px 12px 30px !important;
}

select {
    -webkit-appearance: none;
}


/*ANIMACAO SHAKE*/
.animated {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-duration: 1s;
    animation-fill-mode: both
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes shake {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

#aniversario .politica-reserva {
    text-align: center;
    color: #fff;
    font-size: 1.0416vw;
    line-height: 1.354vw;
    font-weight: 600;
    margin: 50px auto 0;
    text-decoration: underline;
    cursor: pointer;
}

/*modal politicas*/
.pop-up_tela {
    position: relative;
    z-index: 99999 !important;
}

.pop-up_fundo {
    display: none;
    background-color: #000000b9;
    width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
}

.pop-up_content {
    position: fixed;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 910px;
    height: auto;
    background-color: #e8eae6;
    box-sizing: border-box;
    padding: 30px;
    border-radius: 15px;
    display: none;
}

.close-btn {
    position: absolute;
    right: 15px;
    top: 15px;
    background-color: #ff6817;
    color: white;
    border-radius: 50%;
    padding: 1px 4px;
    cursor: pointer;
    width: 22px;
    height: 22px;
    font-size: 25px;
    font-weight: 700;
    line-height: 20px;
}

.titlo-pol {
    text-align: center;
    color: #ff6818;
    font-family: "Titan One", sans-serif;
    font-size: 22px;
    text-shadow: 3px 3px 22px #0000002b;
    margin-bottom: 20px;
}

.texto-pol {
    text-align: center;
    color: #000;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
    font-weight: 500;
}

ol {
    counter-reset: list-counter;
}

ol li::before {
    content: counter(list-counter) " - ";
    counter-increment: list-counter;
    color: #000;
    font-weight: 700;
}

ol li {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 8px;
}


/* data picker */
.ui-widget.ui-widget-content {
    border: 1px solid #ff6818 !important;
    border-radius: 5px !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #ffae00 !important;
    background: #fff !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #ffae00 !important;
    background: #fff !important;
    color: #000 !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #ffae00 !important;
    background: #ffae00 !important;
}

/*********** QUEBRAS ***********/
@media only screen and (max-width: 1440px) {


    #aniversario .cards .lista-card {
        font-size: 13px;
        letter-spacing: 0px;
        line-height: 20px;
    }

    #aniversario .politica-reserva {
        font-size: 16px;
        line-height: 16px;
    }

    #aniversario .cards .btn {
        left: calc(50% - 85px);
        width: 170px;
        font-size: 15px;
        padding: 13px;
    }

    #aniversario .cards .btn p::after {
        padding: 6px;
        bottom: -6px;
        right: -37px;
        transform: scale(0.8);
    }

    #aniversario .texto,
    #aniversario .texto.texto-2 {
        font-size: 14px;
        line-height: 20px;
        width: 85%;
    }

    #aniversario .cards .qtde-card {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1366px) {

    .aniversario {
        padding: 12.4vw 10% 14.58vw;
    }

    #aniversario .cards .card .pacote-img {
        top: -1.3vw;
    }

    #aniversario .cards .card.card-3 .pacote-img {
        top: -2.3vw;
    }

    #aniversario .cards .card .titulo-card {
        top: 13.5vw;
    }

    #aniversario .cards .card {
        padding: 18vw 10px 3vw 10px;
    }

    #aniversario .cards .lista-card {
        font-size: 12px;
    }

    #aniversario .cards .lista-card li {
        position: relative;
    }

    #aniversario .cards .lista-card li::before {
        left: -19px;
        top: 2px;
        transform: scale(0.8);
    }

    #aniversario .texto,
    #aniversario .texto.texto-2 {
        width: 95%;
    }
}


/*********** MOBILE ***********/
@media only screen and (max-width: 1024px) {
    .aniversario {
        padding: 250px 0%;
    }

    #aniversario .container {
        padding: 0 5%;
    }

    #aniversario .titulo {
        font-size: 40px;
        position: relative;
        margin-bottom: 20px;
    }

    #aniversario .titulo-2 {
        font-size: 32px;
        position: relative;
        margin-bottom: 20px;
    }

    #aniversario .texto,
    #aniversario .texto.texto-2 {
        font-size: 16px;
        line-height: 22px;
        width: 100%;
    }

    #aniversario .titulo .titulo-chapeu::before {
        width: 24px;
        height: 29px;
        top: -5px;
        right: -8px;
    }

    #aniversario .over-cards {
        padding: 0 5%;
        margin: 80px 0 60px;
    }

    #aniversario .cards {
        margin: 40px 0 40px;
    }

    #aniversario .cards .card {
        max-width: 100%;
        padding: 32vw 15px 33px;
    }

    #aniversario .cards .card .pacote-img {
        top: -21px;
        left: -9px;
    }

    #aniversario .cards .card.card-2 .pacote-img {
        left: 3px;
    }

    #aniversario .cards .card.card-3 .pacote-img {
        top: -33px;
        left: -5px;
    }

    #aniversario .cards .card .titulo-card {
        top: 22vw;
        font-size: 24px;
        padding: 12px;
    }

    #aniversario .cards .card.card-1 .titulo-card {
        width: 300px;
        left: calc(50% - 150px);
    }

    #aniversario .cards .card.card-2 .titulo-card {
        width: 350px;
        left: calc(50% - 175px);
    }

    #aniversario .cards .card.card-3 .titulo-card {
        width: 320px;
        left: calc(50% - 160px);
    }

    #aniversario .cards .lista-card {
        font-size: 14px;
        line-height: 22px;
        padding-left: 20px;
    }

    #aniversario .cards .subtitulo-card {
        font-size: 16px;
        margin: 20px 0 15px;
    }

    #aniversario .cards .qtde-card {
        font-size: 14px;
        margin-top: 15px;
    }

    #aniversario .cards .lista-card li::before {
        left: -23px;
        transform: scale(0.9);
    }

    #aniversario .campo-form.campo-chk {
        align-items: flex-start;
    }

    #aniversario .cards .btn p {
        margin-left: -27px;
    }

    #aniversario .texto.texto-2 {
        margin: 0 auto 40px;
    }

    .pop-up_content {
        width: 90%;
    }

    .nuvens {
        width: 1946px;
        height: 200px;
        top: 120px;
    }

    .grama {
        top: 550px;
        bottom: 0;
        height: 2805px;
        background: url(../../restaurante-infantil/background/banner-bg-aniversariomb.webp);
        background-size: auto;
        background-repeat: no-repeat;
        background-position: bottom;
    }

}

@media only screen and (max-width: 768px) {
    #aniversario .campo-form.campo-pacote {
        flex-direction: column;
        gap: 8px;
    }

    #aniversario .cards .card .titulo-card {
        font-size: 20px;
    }

    #aniversario .cards .card.card-1 .titulo-card {
        width: 240px;
        left: calc(50% - 120px);
    }

    #aniversario .cards .card.card-2 .titulo-card {
        width: 280px;
        left: calc(50% - 140px);
    }

    #aniversario .cards .card.card-3 .titulo-card {
        width: 260px;
        left: calc(50% - 130px);
    }

}

@media only screen and (max-width: 600px) {
    #aniversario .container-form {
        padding: 35px 20px;
    }

    #aniversario .dois-campos {
        flex-direction: column;
    }

    #aniversario .container-form .campo-email,
    #aniversario .container-form .campo-telefone,
    #aniversario .container-form .campo-ocasiao,
    #aniversario .container-form .campo-qtde {
        width: 100%;
    }

    #aniversario .container-form .campo-form.campo-email::before,
    #aniversario .container-form .campo-form.campo-mensagem::before,
    #aniversario .container-form .campo-form.campo-nome::before,
    #aniversario .container-form .campo-form.campo-telefone::before {
        top: 15px;
        left: 15px;
        transform: scale(0.8);
    }

    #aniversario .container-form .campo-form.campo-mensagem::before {
        top: 28px;
    }

    #aniversario .container-form .form-exent-nome,
    #aniversario .container-form .form-exent-email,
    #aniversario .container-form .form-exent-telefone {
        padding: 15px 10px 15px 45px;
    }

    #aniversario .container-form .form-exent-mensagem {
        padding: 30px 10px 20px 45px !important;
    }

    #aniversario .container-form .form-exent-ocasiao,
    #aniversario .container-form .form-exent-qtde {
        padding: 15px 10px 15px 20px !important;
    }

    #aniversario .campo-ocasiao .label-form,
    #aniversario .campo-qtde .label-form {
        left: 20px;
    }

    #aniversario .label-form {
        top: 15px;
        left: 45px;
    }

    .pop-up_content {
        padding: 20px;
        height: 450px;
    }

    .pop-up-textos {
        height: 413px;
        overflow: auto;
    }

    .titlo-pol {
        font-size: 20px;
    }

    .texto-pol {
        font-size: 14px;
        line-height: 20px;
    }

    #aniversario .titulo {
        font-size: 10vw;
    }

    #aniversario .titulo-2 {
        font-size: 8.5vw;
    }

    #aniversario .texto,
    #aniversario .texto.texto-2 {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
    }

    .aniversario {
        padding: 46vw 5% 48vw;
    }

    #aniversario .cards .card .pacote-img {
        top: -4vw;
        left: 0vw;
    }

    #aniversario .cards .card {
        padding: 55vw 15px 33px;
    }

    #aniversario .cards .card .titulo-card {
        top: 42vw;
    }

    #aniversario .cards .card.card-2 .pacote-img {
        left: 2.5vw;
    }

    #aniversario .cards .card.card-3 .pacote-img {
        top: -5vw;
        left: 2vw;
    }
}


@media only screen and (max-width: 450px) {
    #aniversario .cards .card .titulo-card {
        top: 46vw;
        font-size: 6vw;
        padding: 2vw;
    }

    #aniversario .cards .card.card-1 .titulo-card {
        width: 70vw;
        left: calc(50% - 35vw);
    }

    #aniversario .cards .card.card-2 .titulo-card {
        width: 80vw;
        left: calc(50% - 40vw);
    }

    #aniversario .cards .card.card-3 .titulo-card {
        width: 65vw;
        left: calc(50% - 32.5vw);
    }

    #aniversario .cards .card {
        padding: 62vw 15px 33px;
    }

    #aniversario .cards .card .pacote-img {
        top: -4vw;
        left: -2vw;
    }

    #aniversario .cards .card.card-2 .pacote-img {
        left: 0.5vw;
    }

    #aniversario .cards .card.card-3 .pacote-img {
        top: -7vw;
        left: -1vw;
    }

    #aniversario .titulo.titulo-escolha:before {
        content: url(../../restaurante-infantil/geral/mao-branca.png);
        position: absolute;
        z-index: 10;
        right: 0;
        top: 13.33vw;
        transform: scale(0.85);
        animation: go-back 2s infinite alternate;
    }

    @keyframes go-back {
        from {
            transform: scale(0.85) rotate(50deg);
        }

        to {
            transform: scale(0.85) rotate(0);
        }
    }
}