/* Estilo atualizado para a janela pop-up fixa no viewport */

/* Para todos os projetos */
.popup-container-unique,
.popup-container-peter,
.popup-container-jesus,
.popup-container-charles,
.popup-container-kzan,
.popup-container-heley,
.popup-container-damiao,
.popup-container-eclesiastes,
.popup-container-emaus,
.popup-container-filho-prodigo {
    display: none; /* Inicialmente escondida */
    position: fixed; /* Fixada no viewport */
    top: 50%; /* Sempre centralizado verticalmente */
    left: 50%; /* Sempre centralizado horizontalmente */
    transform: translate(-50%, -50%); /* Ajusta a centralização exata */
    z-index: 3000; /* Garantia de sobreposição */
    background-color: white; /* Fundo branco */
    padding: 25px; /* Espaçamento interno */
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.4); /* Sombra mais forte */
    border-radius: 10px; /* Bordas arredondadas */
}

/* Fundo semi-transparente para todos os projetos */
.popup-overlay-unique,
.popup-overlay-peter,
.popup-overlay-jesus,
.popup-overlay-charles,
.popup-overlay-kzan,
.popup-overlay-heley,
.popup-overlay-damiao,
.popup-overlay-eclesiastes,
.popup-overlay-emaus,
.popup-overlay-filho-prodigo {
    display: none; /* Inicialmente escondido */
    position: fixed; /* Cobre toda a tela */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Fundo mais escuro */
    z-index: 2999; /* Logo abaixo do pop-up */
}

/* Botões de fechar (com estilo uniforme para todos os projetos) */
.popup-close-unique,
.popup-close-peter,
.popup-close-jesus,
.popup-close-charles,
.popup-close-kzan,
.popup-close-heley,
.popup-close-damiao,
.popup-close-eclesiastes,
.popup-close-emaus,
.popup-close-filho-prodigo {
    display: block;
    margin-top: 15px;
    padding: 10px 20px;
    background-color: #007BFF; /* Azul padronizado */
    color: white;
    text-align: center;
    border-radius: 8px;
    text-decoration: none;
    cursor: pointer;
}

.popup-close-unique:hover,
.popup-close-peter:hover,
.popup-close-jesus:hover,
.popup-close-charles:hover,
.popup-close-kzan:hover,
.popup-close-heley:hover,
.popup-close-damiao:hover,
.popup-close-eclesiastes:hover,
.popup-close-emaus:hover,
.popup-close-filho-prodigo:hover {
    background-color: #0056b3; /* Efeito hover no botão */
}



/* codigo somente para desktop */ 

/* Estilo atualizado para smartphone */

/* Para todos os projetos no smartphone */
.popup-container-unique-smartphone,
.popup-container-peter-smartphone,
.popup-container-jesus-smartphone,
.popup-container-charles-smartphone,
.popup-container-kzan-smartphone,
.popup-container-heley-smartphone,
.popup-container-damiao-smartphone,
.popup-container-eclesiastes-smartphone,
.popup-container-emaus-smartphone,
.popup-container-filho-prodigo-smartphone {
    display: none; /* Inicialmente escondida */
    position: fixed; /* Fixada no viewport */
    top: 50%; /* Sempre centralizado verticalmente */
    left: 50%; /* Sempre centralizado horizontalmente */
    transform: translate(-50%, -50%); /* Ajusta a centralização exata */
    z-index: 3000; /* Garantia de sobreposição */
    background-color: white; /* Fundo branco */
    padding: 25px; /* Espaçamento interno */
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.4); /* Sombra mais forte */
    border-radius: 10px; /* Bordas arredondadas */
}

/* Fundo semi-transparente para smartphone */
.popup-overlay-unique-smartphone,
.popup-overlay-peter-smartphone,
.popup-overlay-jesus-smartphone,
.popup-overlay-charles-smartphone,
.popup-overlay-kzan-smartphone,
.popup-overlay-heley-smartphone,
.popup-overlay-damiao-smartphone,
.popup-overlay-eclesiastes-smartphone,
.popup-overlay-emaus-smartphone,
.popup-overlay-filho-prodigo-smartphone {
    display: none; /* Inicialmente escondido */
    position: fixed; /* Cobre toda a tela */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Fundo mais escuro */
    z-index: 2999; /* Logo abaixo do pop-up */
}

/* Botões de fechar (para smartphone) */
.popup-close-unique-smartphone,
.popup-close-peter-smartphone,
.popup-close-jesus-smartphone,
.popup-close-charles-smartphone,
.popup-close-kzan-smartphone,
.popup-close-heley-smartphone,
.popup-close-damiao-smartphone,
.popup-close-eclesiastes-smartphone,
.popup-close-emaus-smartphone,
.popup-close-filho-prodigo-smartphone {
    display: block;
    margin-top: 15px;
    padding: 10px 20px;
    background-color: #007BFF; /* Azul padronizado */
    color: white;
    text-align: center;
    border-radius: 8px;
    text-decoration: none;
    cursor: pointer;
}

.popup-close-unique-smartphone:hover,
.popup-close-peter-smartphone:hover,
.popup-close-jesus-smartphone:hover,
.popup-close-charles-smartphone:hover,
.popup-close-kzan-smartphone:hover,
.popup-close-heley-smartphone:hover,
.popup-close-damiao-smartphone:hover,
.popup-close-eclesiastes-smartphone:hover,
.popup-close-emaus-smartphone:hover,
.popup-close-filho-prodigo-smartphone:hover {
    background-color: #0056b3; /* Efeito hover no botão */
}


/* codigo somente para desktop */

/* Estilo atualizado para desktop */

/* Para todos os projetos no desktop */
.popup-container-unique-desktop,
.popup-container-peter-desktop,
.popup-container-jesus-desktop,
.popup-container-charles-desktop,
.popup-container-kzan-desktop,
.popup-container-heley-desktop,
.popup-container-damiao-desktop,
.popup-container-eclesiastes-desktop,
.popup-container-emaus-desktop,
.popup-container-filho-prodigo-desktop {
    display: none; /* Inicialmente escondida */
    position: fixed; /* Fixada no viewport */
    top: 50%; /* Sempre centralizado verticalmente */
    left: 50%; /* Sempre centralizado horizontalmente */
    transform: translate(-50%, -50%); /* Ajusta a centralização exata */
    z-index: 3000; /* Garantia de sobreposição */
    background-color: white; /* Fundo branco */
    padding: 25px; /* Espaçamento interno */
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.4); /* Sombra mais forte */
    border-radius: 10px; /* Bordas arredondadas */
}

/* Fundo semi-transparente para desktop */
.popup-overlay-unique-desktop,
.popup-overlay-peter-desktop,
.popup-overlay-jesus-desktop,
.popup-overlay-charles-desktop,
.popup-overlay-kzan-desktop,
.popup-overlay-heley-desktop,
.popup-overlay-damiao-desktop,
.popup-overlay-eclesiastes-desktop,
.popup-overlay-emaus-desktop,
.popup-overlay-filho-prodigo-desktop {
    display: none; /* Inicialmente escondido */
    position: fixed; /* Cobre toda a tela */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Fundo mais escuro */
    z-index: 2999; /* Logo abaixo do pop-up */
}

/* Botões de fechar (para desktop) */
.popup-close-unique-desktop,
.popup-close-peter-desktop,
.popup-close-jesus-desktop,
.popup-close-charles-desktop,
.popup-close-kzan-desktop,
.popup-close-heley-desktop,
.popup-close-damiao-desktop,
.popup-close-eclesiastes-desktop,
.popup-close-emaus-desktop,
.popup-close-filho-prodigo-desktop {
    display: block;
    margin-top: 15px;
    padding: 10px 20px;
    background-color: #007BFF; /* Azul padronizado */
    color: white;
    text-align: center;
    border-radius: 8px;
    text-decoration: none;
    cursor: pointer;
}

.popup-close-unique-desktop:hover,
.popup-close-peter-desktop:hover,
.popup-close-jesus-desktop:hover,
.popup-close-charles-desktop:hover,
.popup-close-kzan-desktop:hover,
.popup-close-heley-desktop:hover,
.popup-close-damiao-desktop:hover,
.popup-close-eclesiastes-desktop:hover,
.popup-close-emaus-desktop:hover,
.popup-close-filho-prodigo-desktop:hover {
    background-color: #0056b3; /* Efeito hover no botão */
}