body {
  background: #3a3e38;
  opacity: 0;
  transition: opacity 0.9s ease;
}

body.pronto {
  opacity: 1;
}

/*================== Drawer ==================*/

#prayerDrawer-button {
position: fixed;
top: 50%;
left: 0;
transform: translateY(-50%);
background-color: #ffffff;
border: none;
border-radius: 0 20px 20px 0;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
padding: 10px 6px;
cursor: pointer;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
overflow: visible;
isolation: isolate;
will-change: transform;
}

/* Efeito só quando a classe pulse-active estiver no botão */
#prayerDrawer-button.pulse-active::before,
#prayerDrawer-button.pulse-active::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
border-radius: inherit;
background: rgb(255 255 255 / 80%);
transform: translate(-50%, -50%) scale(1);
opacity: 0;
animation: wave 2.5s infinite;
pointer-events: none;
z-index: -1;
}

#prayerDrawer-button.pulse-active::after {
animation-delay: 1.25s;
}


@keyframes wave {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: 0.6;
}
70% {
transform: translate(-50%, -50%) scale(2.6);
opacity: 0;
}
100% {
opacity: 0;
}
}


#prayerDrawer-button:hover {
background-color: #f0f0f0;
}

.prayerDrawer-icon {
font-size: 20px;
color: #6c604e;
line-height: 1;
}

/* Backdrop */
#prayerDrawer-backdrop {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgb(0 0 0 / 19%);
backdrop-filter: blur(2px);
z-index: 9997;
display: none;
}

#prayerDrawer-backdrop.active {
display: block;
}

#prayerDrawer-panel {
position: fixed;
top: 0;
left: 0;
width: 329px;
height: 100vh;
background: #f1f1f1;
transform: translateX(-100%);
transition: transform 0.4s ease;
padding: 30px 24px;
z-index: 9998;
display: flex;
flex-direction: column;
border-radius: 0 30px 30px 0;
justify-content: flex-start;
align-items: center;
}

#prayerDrawer-panel.open {
transform: translateX(0%);
}

body.no-scroll {
overflow: hidden;
}

#prayerDrawer-close {
position: absolute;
font-family: auto;
top: 12px;
right: 16px;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
color: #858585;
border: 1px solid #858585;
border-radius: 50%;
cursor: pointer;
transition: opacity 0.3s ease, transform 0.2s ease;
}

#prayerDrawer-close:hover {
opacity: 0.7;
}

#prayerDrawer-close:active {
background-color: #d0d0d0;
transform: scale(0.95);
}

#prayerDrawer-flag {
width: 80px;
height: 64px;
border-radius: 5px;
margin-bottom: 20px;
}

#prayerDrawer-message {
text-align: center;
font-family: 'Fira Sans', sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1.2em;
color: #434343;
margin-bottom: 28px;
}

#prayerDrawer-prayBtn {
background-color: #6c604e;
color: white;
padding: 12px 54px;
border: none;
line-height: 20px;
border-radius: 25px;
text-transform: uppercase;
letter-spacing: 2px;
cursor: pointer;
font-size: 12px;
transition: background-color 0.3s ease;
}

#prayerDrawer-prayBtn:disabled {
background-color: #aaa;
cursor: not-allowed;
}

#prayerDrawer-count {
margin-top: 24px;
font-size: 19px;
font-family: 'Fira Sans', sans-serif;
line-height: 1.5rem;
color: #555;
text-align: center;
}

#prayerDrawer-count a {
border-bottom: 1px dotted;
color: #555;
text-decoration: none;
} 

.perfil-pais-ranking {
display: block;
font-size: 14px;
}

#prayerDrawer-verse {
margin-top: 5px;
padding: 16px 0;
font-size: 14px;
font-style: italic;
color: #4a4a4a;
text-align: center;
display: none;
position: relative;
width: 100%;
}

#prayerDrawer-verse p {
margin: 8px 0;
font-size: 18px;
font-family: 'Lora', sans-serif;
line-height: 1.4em;
color: #4b4b4b;
padding: 0 10px;
hyphens: none;
}

#prayerDrawer-verse footer {
margin-top: 6px;
font-size: 12px;
color: #777;
font-style: normal;
}

.prayerDrawer-quote-line {
height: 1px;
background-color: #cccccc75;
margin: 8px auto;
width: 70%;
}

#prayerDrawer-history {
display: none;
margin-top: 20px;
max-height: 160px;
overflow-y: auto;
background: #ffffff;
border-radius: 7px;
padding: 21px 6px;
width: 100%;
}

#prayerDrawer-history h4 {
font-size: 14px;
text-align: left;
font-family: sans-serif;
font-weight: 700;
color: #555;
margin-bottom: 10px;
}

#prayerDrawer-countryList {
list-style: none;
padding: 0;
margin: 0;
font-size: 14px;
}

#prayerDrawer-countryList li {
display: flex;
align-items: center;
margin-bottom: 8px;
}

#prayerDrawer-countryList li:before {
display: none;
}

#prayerDrawer-countryList img {
width: 24px;
height: 16px;
margin-right: 8px;
border-radius: 2px;
object-fit: cover;
}

#prayerDrawer-spinner {
display: none;
margin-top: 20px;
text-align: center;
}

/*================== / Fim Drawer ==================*/

.perfil-pais-topo {
height: 365px;
background-size: cover;
background-position: center;
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
z-index: 0;
}

.perfil-pais-topo::before {
content: "";
position: absolute;
inset: 0;
background-color: rgb(0 0 0 / 50%);
}

.perfil-pais-topo-conteudo {
display: flex;
align-items: center;
gap: 15px;
z-index: 1;
text-align: left;
padding-left: 17.6%;
max-width: 100%;
}

.perfil-pais-topo-conteudo img {
width: 150px;
height: auto;
border-radius: 5px!important;
}

.perfil-pais-topo-texto {
display: flex;
flex-direction: column;
max-width: 100%;
word-break: break-word;
}

.perfil-pais-topo-texto h1,
.perfil-pais-topo-texto span {
color: white!important;
margin: 0!important;
}

.perfil-pais-topo-texto h1 {
font-size: 3.5rem!important;
font-weight: bold!important;
font-family: sans-serif!important;
line-height: 1.1!important;
word-wrap: break-word!important;
letter-spacing: -1px !important;
white-space: normal!important;
margin-top: 0.2rem!important;
}

.perfil-pais-topo-texto span {
font-size: 1.25rem;
line-height: 1.1;
}

.perfil-pais-infos {
display: flex;
align-items: center;
gap: 15px;
margin-top: 5px;
}

.perfil-pais-infos a {
font-size: 15px;
text-decoration: none;
color: #ffffffd9;
font-family: 'Lora', serif;
}

/* ==== POP-UPS ==== */

/* Video modal */
.perfil-pais-player {
width: 37px !important;
animation: grow-shrink 2s infinite alternate;
cursor: pointer
}

@keyframes grow-shrink {
    0% {
        transform: scale(1); /* Tamanho normal */
    }
    50% {
        transform: scale(1.2); /* Crescer */
    }
    100% {
        transform: scale(1); /* Tamanho normal novamente */
    }
}

/* sobreposição em tela cheia */
.perfil-pais-video-modal{
position:fixed; inset:0;
display:none; /* inicia oculto */
align-items:center; justify-content:center;
background:rgba(0,0,0,.75);
z-index:2147483647;
padding:1rem;
}

/* caixa do vídeo */
.perfil-pais-video-content{
position:relative;
width:90vw; max-width:960px;
aspect-ratio:16/9;
}

.perfil-pais-video-content iframe{
width:100%; height:100%;
}

/* botão de fechar */
#perfil-pais-video-close{
position:absolute; top:-12px; right:-12px;
width:36px; height:36px;
border:0; border-radius:50%;
font-size:1.5rem; cursor:pointer;
background:#fff; box-shadow:0 0 8px rgba(0,0,0,.4);
}

.perfil-modal {
display:none;
position:fixed; inset:0;
background:rgba(0,0,0,.6);
z-index:1000;
align-items:center; justify-content:center;
padding:1rem;
}

.perfil-modal-content{
background: #fff;
max-width: 500px;
width: 100%;
max-height: 60vh; /* Altura máxima do conteúdo */
overflow-y: auto; /* Ativa rolagem se o conteúdo ultrapassar */
padding: 1.4rem;
border-radius: 8px;
position: relative;
}

.perfil-modal-content h2 {
font-weight: 700!important;
font-family: sans-serif;
text-align: center;
border-bottom: 1px solid #bf9600;
padding-bottom: 10px;
}

.perfil-modal-content p {
margin: 20px 0;
line-height: 26px;
font-family: 'Lora';
font-size: 18px;
hyphens: none;
}

.perfil-modal-close{
position:absolute; top:10px; right:15px;
font-size:1.5rem; cursor:pointer; color:#555;
}

.perfil-share-icons{display:flex; justify-content: center; gap:1rem; font-size:2rem; margin-top: 20px;}
.perfil-share-icons a{color:#8b8b8b;
}


/* Wrapper */
.perfil-pais-grid-wrapper {
text-align: center;
position: relative;
}

/* Conteúdo truncado (apenas desktop) */
.perfil-pais-conteudo-expandivel {
max-height: 3.6rem;
overflow: hidden;
transition: max-height 0.3s ease;
}

/* Botão centralizado */
.perfil-pais-expandir-btn {
position: absolute;
bottom: -1.1rem;
left: 50%;
transform: translateX(-50%);
padding: 0.5rem 1rem;
cursor: pointer;
border: none;
background-color: #50564d;
color: white;
border-radius: 5px;
font-size: 0.9rem;
z-index: 10;
}

.perfil-pais-expandir-btn i {
transition: transform 0.3s ease;
}

/* --- Mobile --- */
@media (max-width: 768px) {
.perfil-pais-expandir-btn {
display: none; /* esconde o botão */
}
.perfil-pais-conteudo-expandivel {
max-height: none !important; /* mostra todo o conteúdo */
overflow: visible !important;
}
}


.card-com-mapa {
height: 100%;
display: flex;
flex-direction: column;
padding: 0 !important;
}

.perfil-map-container {
position: relative;
width: 100%;
height: 100%;
/* Proporção 16:9 padrão */
}

.perfil-map-embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}

.perfil-map-overlay {
position: absolute;
display: flex;
flex-direction: column;
justify-content: center;
gap: 6px;
padding: 10px;
top: 7px;
left: 7px;
width: 305px;
height: 90px;
background-color: #ffffff;
border-radius: 9px;
z-index: 2;
}

.perfil-map-overlay span.perfil-pais-capital {
color: #454545;
text-transform: uppercase;
margin-left: 20px;
font-size: 0.8rem;
letter-spacing: 0.1rem;
font-family: sans-serif;

}

.perfil-map-embed iframe {
border-radius: 12px;
filter: sepia(20%) contrast(100%) brightness(90%) saturate(80%);
}

.perfil-country-data {
display: flex;
width: 100%;
height: auto;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 20px;
}

.perfil-country-data i {
color: #b5986d;
font-size: 45px;
}


.perfil-country-data span {
color: #2f342d;
font-size: 28px;
font-weight: 400;
font-family: 'Fira Sans';
}


.perfil-country-time, .perfil-country-weather {
display: flex;
align-items: center;
gap: 10px;

}

@media (max-width: 600px) {

.perfil-map-container {
padding-bottom: 100%;
}

.perfil-map-overlay {
width: 200px;
height: 60px;
}

.perfil-country-data {
justify-content: center;
height: 20%;
}

.perfil-country-data span {
font-size: 18px;
}

.perfil-country-time svg, .perfil-country-weather svg {
width: 20px;
height: 20px;

}

}

.perfil-pais-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 1rem;
}
.perfil-pais-conteudo {
max-width: 87%;
margin: -100px auto 0 auto;
padding: 2rem 1rem;
position: relative;
z-index: 1;
}
.pais-info-titulo {
color: #efefef;
text-transform: uppercase;
font-size: 0.9rem;
letter-spacing: 0.1rem;
font-family: Rmneue, Arial, sans-serif;
}

.perfil-pais-card p {
color: #dbba94;
font-size: 1.3rem;
margin-top: 0.5rem;
line-height: 1.4;
hyphens: none;
}

.pais-info-maior {
font-size: 1.5rem;

}

.perfil-pais-card {
background-color: #2f342d;
border-radius: 12px;
padding: 1rem;
}


.perfil-pais-card--scroll {
max-height: 341px; /* limite da altura */
overflow-y: auto;
}

/* Estilo da barra de rolagem (somente em navegadores baseados em WebKit: Chrome, Edge, Safari) */
.perfil-pais-card--scroll::-webkit-scrollbar {
width: 8px; /* largura da barra */
}

.perfil-pais-card--scroll::-webkit-scrollbar-track {
background: #2f342d; /* cor do fundo da trilha */
border-radius: 12px;
}

.perfil-pais-card--scroll::-webkit-scrollbar-thumb {
background: #555; /* cor da barra */
border-radius: 12px;
}

.perfil-pais-card--scroll::-webkit-scrollbar-thumb:hover {
background: #777; /* cor ao passar o mouse */
}

/* Firefox */
.perfil-pais-card--scroll {
scrollbar-width: thin; /* barra mais fina */
scrollbar-color: #555 #2f342d; /* (polegar cor #555, trilha cor #2f342d) */
}



.perfil-pais-grid.cards-colados {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
text-align: center;
gap: 0;
}
.perfil-pais-grid.cards-colados .perfil-pais-card {
border: 1px solid #363e30;
padding-top: 2rem;
border-radius: 0;
box-shadow: none;
}

@media (min-width: 640px) {
.perfil-pais-grid.cards-colados .perfil-pais-card:not(:first-child) {
border-left: none;
}
.perfil-pais-grid.cards-colados .perfil-pais-card:first-child {
border-radius: 12px 0 0 12px;
}
.perfil-pais-grid.cards-colados .perfil-pais-card:last-child {
border-radius: 0 12px 12px 0;
}
}
@media (max-width: 639px) {
.perfil-pais-grid.cards-colados .perfil-pais-card {
border-radius: 8px;
margin-bottom: 0.5rem;
padding-top: 1rem;
}

}
.perfil-pais-card h2 {
margin-top: 0;
margin-bottom: 1.8rem;
font-weight: 100;
color: #ffffff !important;
text-align: center;
font-size: 32px !important;
hyphens: none;
}


.perfil-pais-card h2::after {
content: "";
display: block;
width: 110px;
height: 2px;
background: #997852;
margin: 8px auto 0;
border-radius: 2px;
}


.perfil-pais-lista {
list-style: none !important;
counter-reset: lista-contador !important;
padding-left: 0 !important;
}

.perfil-pais-lista li {
counter-increment: lista-contador !important;
margin-bottom: 1.5rem;
opacity: 0.9;
font-size: 20px;
line-height: 27px;
color: #ffffff;
hyphens: none;
position: relative;
padding-left: 3rem;
}

.perfil-pais-lista li::before {
content: counter(lista-contador) !important;
font-family: 'Lora' !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: 2rem !important;
height: 2rem !important;
background-color: #8a6e4d !important;
color: #fff !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-weight: bold !important;
font-size: 1rem !important;
}


/* ---------- Histórias da Grande Comissão ---------- */

.historias-grandecomissao.hidden {
display: none;
}

.historias-grandecomissao {
background: transparent;
margin-top: 50px;
padding: 0;
}

.ore-recent-posts-carousel {
position: relative;
overflow: hidden;
width: 100%;
}

.ore-recent-posts-track {
display: flex;
gap: 1.2rem;
overflow-x: auto;
scroll-behavior: smooth;
padding-bottom: 1rem;
transition: transform 0.3s ease;
-ms-overflow-style: none;
scrollbar-width: none;
margin-left: 40px; /* Afastando os cards da lateral esquerda */
margin-right: 40px; /* Afastando os cards da lateral direita */
}

.ore-recent-posts-track::-webkit-scrollbar {
display: none;
}

/* Botões */
.ore-carousel-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-family: 'Fira Sans';
background: transparent;
font-weight: 100;
color: #bdbdbd;
border: none;
font-size: 7rem;
width: 2.5rem !important;
height: 2.5rem !important;
line-height: 2.5rem;
border-radius: 50%;
cursor: pointer;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
}

/* Posicionamento das setas */
.ore-carousel-btn.left {
left: 0; /* Posiciona a seta esquerda na borda esquerda */
}

.ore-carousel-btn.right {
right: 0; /* Posiciona a seta direita na borda direita */
}

/* Card */
.ore-recent-post-card {
width: 350px;
background: #2f342d;
border-radius: 5px;
display: flex;
flex-direction: column;
overflow: hidden;
font-family: sans-serif;
flex-shrink: 0;
min-height: 420px;
}

.ore-recent-post-image {
width: 100%;
height: 180px;
overflow: hidden;
}

.ore-recent-post-image img {
width: 100%;
height: 100%;
object-fit: cover;
}

.ore-recent-post-content {
padding: 1rem 1.5rem;
display: flex;
flex-direction: column;
height: calc(100% - 180px);
}

.ore-recent-post-content h3 {
font-size: calc(1.2rem + .25vw);
color: #ffffff;
font-family: 'Reckless' !important;
font-weight: 100;
margin: 0 0 0.5rem;
hyphens: none;
}

.ore-recent-post-content p {
font-size: 0.95rem;
color: #d7d7d7;
line-height: 1.4rem;
font-family: 'Fira Sans';
opacity: 80%;
margin: 0 0 0.8rem !important;
flex-grow: 1;
}

.ore-recent-post-content a {
text-decoration: none;
align-self: flex-start;
display: inline-block;
height: 32px;
background-color: #8a6e4d;
border: 1px solid #8a6e4d;
color: #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 32px;
padding: 0 20px;
border-radius: 20px;
transition: all .17s ease !important;
}

/* ---------- RESPONSIVO ---------- */
@media (max-width: 768px) {
.ore-recent-post-card {
width: 260px;
}

.ore-carousel-btn {
font-size: 1.4rem;
width: 2rem !important;
height: 2rem !important;
line-height: 2rem;
}

/* Ajuste para as setas não saírem da tela */
.ore-carousel-btn.left {
left: 10px; /* Ajuste para posicionar a seta à esquerda */
}

.ore-carousel-btn.right {
right: 10px; /* Ajuste para posicionar a seta à direita */
}

.ore-recent-posts-track {
margin-left: 20px; /* Ajusta a margem esquerda para a versão mobile */
margin-right: 20px; /* Ajusta a margem direita para a versão mobile */
}
}

@media (max-width: 480px) {
.ore-recent-post-card {
width: 80vw;
}

.ore-carousel-btn {
font-size: 5rem;
width: 2rem !important;
height: 2rem !important;
line-height: 2rem;
}

/* Ajuste para as setas não saírem da tela */
.ore-carousel-btn.left {
left: -9px; /* Ajuste para telas muito pequenas */
}

.ore-carousel-btn.right {
right: -9px; /* Ajuste para telas muito pequenas */
}

.ore-recent-posts-track {
margin-left: 10px; /* Ajuste na margem para telas pequenas */
margin-right: 10px; /* Ajuste na margem para telas pequenas */
}
}

/* ---------- Fim Histórias da Grande Comissão ---------- */




/* ---------- Organizações e ministérios ---------- */

.perfil-pais-carousel {
margin:70px 0 20px;
background: transparent;
padding: 1rem 0;
}

.perfil-pais-carousel p {
text-align: center;
}

.pais-carousel-wrapper {
width: 100%;
max-width: 100%;
margin: 0 auto;
overflow: hidden;
padding: 2rem 0;
border-left: 2px solid #272e224d;
border-right: 2px solid #272e224d;
}

.pais-carousel-track {
display: flex;
width: max-content;
animation: pais-carousel-scroll 30s linear infinite;
}

.pais-carousel-title {
text-align: center;
font-size: 2rem;
font-weight: 500 !important;
margin: 0 0 3px !important;
margin-bottom: -1rem;
color: #333;
}


.pais-carousel-wrapper:hover .pais-carousel-track {
animation-play-state: paused;
}

.pais-carousel-group {
display: flex;
}

.pais-carousel-group a {
display: block;
margin: 0 12px;
}

.pais-carousel-group img {
width: 130px;
height: 130px;
border-radius: 70px;
object-fit: cover;
transition: filter 0.3s ease;
box-shadow: 0 1px 2px rgb(0 0 0 / 18%);
filter: sepia(35%) contrast(100%) brightness(90%) saturate(80%);
}

.pais-carousel-group img:hover {
filter: none;
}

@keyframes pais-carousel-scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}

@media (max-width: 768px) {
.pais-carousel-group img {
width: 130px;
height: 130px;
}
}

@media (max-width: 480px) {
.pais-carousel-group img {
width: 100px;
height: 100px;
}
}

/* ---------- Organizações e ministérios ---------- */

/* ===== FOOTER ===== */
.perfil-pais-footer {
  position: relative;
  background-size: cover;
  background-position: center;
  min-height: 690px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.perfil-pais-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}

.perfil-pais-footer-topo {
  position: absolute;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  top: -2px;
  left: 0;
  width: 100%;
  z-index: 2;
}

.perfil-pais-footer-topo img {
  width: 100%;
  display: block;
}

.perfil-pais-footer-conteudo {
  position: relative;
  z-index: 3;
  text-align: center;
  padding: 60px 20px 40px;
  max-width: 1040px;
}

.perfil-pais-footer-conteudo p {
  font-family: 'Reckless', Georgia, serif;
  font-size: 45px;
  font-style: italic;
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 16px;
}

.perfil-pais-footer-conteudo span {
  display: block;
  font-family: 'Rmneue', sans-serif;
  font-size: 1rem;
  color: #ffffffcc;
  margin-bottom: 30px;
}

.perfil-pais-footer-conteudo a {
  display: inline-block;
  padding: 10px 28px;
  border-radius: 25px;
  background: #8a6e4d;
  color: #ffffff;
  text-decoration: none;
  font-family: 'Rmneue', sans-serif;
  font-size: 15px;
  transition: background 0.2s;
}

.perfil-pais-footer-conteudo a:hover {
  background: #876a4a;
}


.pais-destaque {
color: #ffffff;
font-family: 'Fira Sans';
font-weight: 600;;
}


@media (max-width: 639px) {
/* Estilos apenas para mobile */
.perfil-pais-conteudo {
max-width: 90%;
margin: -80px auto 0 auto;
}
.perfil-pais-topo {
height: 40vh;
justify-content: center;
}
.perfil-pais-topo-conteudo {
padding-left: 1rem;
padding-right: 1rem;
justify-content: center;
text-align: left;
}
.perfil-pais-topo-conteudo img {
width: 110px;
}
.perfil-pais-topo-texto h1 {
font-size: 2.375rem!important;
}
.perfil-pais-infos a {
font-size: 12px;
}
}

@media (max-width: 381px) {
.perfil-pais-topo-conteudo {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
}

/*========== CSS FIM Perfil-países ==========*/