@font-face {
    font-family: SignikaBold;
    src: url('../assets/fonts/SignikaNegative-Bold.ttf');
  }

  @font-face {
    font-family: SignikaRegular;
    src: url('../assets/fonts/SignikaNegative-Regular.ttf');
  }

@font-face {
    font-family: SignikaSemiBold;
    src: url('../assets/fonts/SignikaNegative-SemiBold.ttf');
}
body {
    background-image: url('../fundo.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; /* Opcional: centraliza a imagem */
    background-attachment: fixed; /* Opcional: torna o plano de fundo fixo enquanto você rola a página */
  
}
.card-personalizado {
    background-color: #f9ddbfc7;
    border-radius: 60px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 50px;
}

.card-personalizado-confirmado {
    background-color: #f9ddbfc7;
    border-radius: 60px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 50px;
}


.area-pix
{
    border: 1px solid #454444;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 10px;
    border-radius: 10px;
}

.texto-convite 
{
    font-family: SignikaBold;
    font-size: 19px;
    color: #454444;
}

.texto-convite-confirmado
{
    font-family: SignikaBold;
    font-size: 19px;
    color: #2fa62c;
}

.texto-card-confirmado
{
    font-family: SignikaSemiBold;
    font-size: 15px;
    color: #454444;
    text-align: -webkit-center;
}

.convite-titulo
{
    text-align: center;
    padding: 20px;
}
.convite-titulo span
{
    font-family: SignikaBold;
    font-size: 25px;
    
    color: #454444;
}

.texto-presente
{
    text-align: center;
    color: #454444;
    font-family: SignikaBold;
    font-size: 22px;
}
.pix a {
    display: flex;
    align-items: center;
    transition: transform 0.2s ease-in-out;
}

.pix a:hover {
    transform: scale(1.05);
}
.footer-niver {
    position: fixed;
    font-family: 'SignikaRegular';
    bottom: 0;
    width: 100%;
    background-color: #3a393a; /* Cor de fundo do rodapé */


    height: 40px;

    color: white;
    text-align: center;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-niver a
{
    text-decoration: underline;
    cursor: pointer;
    color: inherit;

}

/* ANIMAÇÕES*/

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

.pulsating-icon {
    display: inline-block;
    animation: pulse 1s infinite; /* Altere a duração ou outras propriedades conforme necessário */
}


/* CELULAR */
@media only screen and (max-width: 768px)
{
    .card-personalizado{padding: 25px;}
    .texto-convite-confirmado{font-size: 15px;}
    .texto-card-confirmado {font-size: 13px;}
}