/* =========================================================
   HOME — layout fiel à referência (desktop 1150px)
   ========================================================= */
.home{background:#fff;color:var(--sj-texto);overflow:hidden;}
.home section{box-sizing:border-box;}

/* ===================== BANNER ===================== */
/* Faixa azul claro ocupa apenas 50% do banner (300px de 600px) */
.home-hero{position:relative;padding:30px 0 30px;background:linear-gradient(to bottom, var(--sj-azul-claro) 0px, var(--sj-azul-claro) 360px, var(--sj-cinza) 360px, var(--sj-cinza) 100%);}
.home-hero .util{position:relative;z-index:2;}

/* Quando o banner ativo tem fundo_total, a faixa azul some — visual mais "imersivo" */
.home-hero:has(.banner-slide.ativo.fundo-total){background:#ffffff;padding:30px 0 60px;}
.home-hero:has(.banner-slide.ativo.fundo-total) .banner-principal{height:550px;}

.banner-principal{position:relative;width:100%;height:600px;border-radius:8px;overflow:hidden;background:var(--sj-azul-escuro);box-shadow:0 28px 70px rgba(0,60,110,.22);}
.banner-slider{position:relative;height:100%;}
.banner-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease, visibility .7s ease;}
.banner-slide.ativo{opacity:1;visibility:visible;}

/* Imagem de fundo do slide */
.banner-imagem{position:absolute;inset:0;}
.banner-imagem img{width:100%;height:100%;object-fit:cover;object-position:center;}

/* MÁSCARA — só aparece quando "Utilizar máscara" está marcado no painel.
   Sem máscara nenhuma camada é desenhada: a imagem de fundo fica limpa. */
.banner-overlay{position:absolute;inset:0;background:none;}
.banner-slide:not(.com-mascara) .banner-overlay{display:none;}

/* Máscara ativada (gradiente azul, forte na esquerda) */
.banner-slide.com-mascara .banner-overlay{display:block;background:linear-gradient(95deg, rgba(0,55,100,.94) 0%, rgba(0,80,135,.82) 50%, rgba(0,90,150,.55) 100%);}

/* Máscara ativada + WhatsApp — mesma máscara com verde à direita */
.banner-slide.com-mascara.tema-whatsapp .banner-overlay{background:linear-gradient(95deg, rgba(0,90,145,.92) 0%, rgba(0,110,170,.7) 45%, rgba(5,189,69,.18) 100%);}

/* Sem máscara: sombra discreta apenas no texto, para continuar legível
   sobre imagens claras (não escurece a imagem). */
.banner-slide:not(.com-mascara) .banner-conteudo{text-shadow:0 2px 14px rgba(0,30,55,.55);}
.banner-slide:not(.com-mascara) .banner-cta{text-shadow:none;}

/* CONTEÚDO */
.banner-conteudo{position:absolute;left:70px;right:70px;bottom:70px;z-index:2;color:#fff;max-width:600px;}

/* TAG superior com ícone */
.banner-tag{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;color:#fff;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.14);padding:8px 14px;border-radius:4px;backdrop-filter:blur(4px);}
.banner-tag .material-symbols-outlined{color:var(--sj-verde);font-size:18px;line-height:1;}
.banner-tag i{color:var(--sj-verde);font-size:14px;}

/* TÍTULO */
.banner-titulo{font-size:56px;line-height:1;font-weight:900;color:#fff;margin:0 0 18px;letter-spacing:-.04em;}
.banner-titulo u{text-decoration:none;background-image:linear-gradient(transparent 60%, var(--sj-verde) 60%, var(--sj-verde) 96%, transparent 96%);background-repeat:no-repeat;padding:0 2px;}

/* INTRODUÇÃO */
.banner-slogan{font-size:16px;line-height:1.55;color:rgba(255,255,255,.95);margin:0 0 30px;max-width:520px;}

/* AÇÕES (CTAs) */
.banner-acoes{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
.banner-cta{display:inline-flex;align-items:center;gap:12px;height:54px;padding:0 28px;border-radius:6px;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;transition:var(--sj-trans);}
.banner-cta i,.banner-cta .material-symbols-outlined{font-size:14px;}
.banner-cta:hover{transform:translateY(-2px);color:#fff;}

/* CTA Padrão (verde) */
.banner-cta.cta-primario{background:var(--sj-verde);color:#fff;box-shadow:0 14px 28px rgba(0,0,0,.18);}
.banner-cta.cta-primario:hover{background:var(--sj-verde-escuro);}

/* CTA WhatsApp — ícone branco em fundo transparente */
.banner-cta.cta-whats{background:var(--sj-verde);color:#fff;box-shadow:0 14px 28px rgba(5,189,69,.32);padding-left:8px;}
.banner-cta.cta-whats i{width:38px;height:38px;border-radius:50%;background:transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:22px;}
.banner-cta.cta-whats:hover{background:var(--sj-verde-escuro);}

/* CTA Secundário (outline branca) */
.banner-cta.cta-secundario{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5);box-shadow:none;}
.banner-cta.cta-secundario:hover{background:#fff;color:var(--sj-azul-escuro);border-color:#fff;}

/* CONTROLES (bullets) — bem no estilo do layout ref */
.banner-controles{position:absolute;left:70px;right:70px;top:34px;z-index:4;display:flex;align-items:center;justify-content:flex-start;pointer-events:none;}
.banner-prev,.banner-next{display:none;}
.banner-dots{display:flex;align-items:center;gap:6px;pointer-events:auto;}
.banner-dot{width:18px;height:7px;border-radius:4px;background:rgba(255,255,255,.4);transition:var(--sj-trans);cursor:pointer;border:0;}
.banner-dot:hover{background:rgba(255,255,255,.7);}
.banner-dot.ativo{width:28px;background:var(--sj-verde);}

/* ===================== ATALHOS (morphing card — fiel ao ref/atalhos) ===================== */
.home-atalhos{background:var(--sj-cinza);padding:0px 0 70px;position:relative;z-index:1;}
.atalhos{width:100%;text-align:center;}
.atalhos ul{width:100%;margin:0;padding:0;list-style:none;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;}

/* O li reserva o espaço (card + texto vazado) sem empurrar vizinhos */
.atalhos ul li{width:180px;height:250px;display:flex;justify-content:center;align-items:center;position:relative;}

.atalho-link{display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none;}

/* Estado normal — quadrado branco 110x110 */
.atalho-card{width:110px;height:110px;background:#ffffff;border-radius:15px;box-shadow:0 10px 25px rgba(0,73,124,.06);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .4s cubic-bezier(0.25,0.8,0.25,1);}

/* Fundo oculto — imagem 2 */
.atalho-card .bg-hover{position:absolute;inset:0;border-radius:15px;background-size:cover;background-position:center;opacity:0;transition:opacity .4s ease;overflow:hidden;z-index:1;}

/* Película azul translúcida sobre a imagem (paleta SJ) */
.atalho-card .overlay-azul{position:absolute;inset:0;background:rgba(0,114,188,.85);}

/* Ícone — animação suave */
.atalho-card .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:50px;height:50px;display:flex;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(0.25,0.8,0.25,1);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.atalho-card .icon img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:filter .4s ease;transform:translateZ(0);}

/* Texto vazado abaixo do card */
.atalho-card .nome_atalho{position:absolute;bottom:-55px;left:50%;transform:translateX(-50%);width:160px;text-align:center;color:var(--sj-azul-escuro);font-family:var(--fonte-padrao),sans-serif;font-size:15px;font-weight:700;line-height:1.2;z-index:2;transition:all .4s cubic-bezier(0.25,0.8,0.25,1);}

/* =========================================
   MÁGICA DO HOVER
========================================= */

/* Card estica + sombra azul */
.atalho-link:hover .atalho-card{width:160px;height:200px;box-shadow:0 15px 35px rgba(0,114,188,.3);}

/* Imagem de fundo e película aparecem */
.atalho-link:hover .bg-hover{opacity:1;}

/* Ícone sobe e fica branco */
.atalho-link:hover .icon{transform:translate(-50%, calc(-50% - 25px));}
.atalho-link:hover .icon img{filter:brightness(0) invert(1);}

/* Texto entra para dentro do card em branco */
.atalho-link:hover .nome_atalho{bottom:25px;color:#ffffff;}

/* ===================== CABEÇALHOS DE BLOCO ===================== */
.bloco-cabecalho{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:36px;}
.bloco-cabecalho h2{display:flex;align-items:center;gap:12px;margin:0;font-size:22px;line-height:1.2;color:#0d1a26;font-weight:900;letter-spacing:-.02em;}
.bloco-marca{width:8px;height:8px;border-radius:50%;background:var(--sj-azul);display:inline-block;flex-shrink:0;}
.bloco-categorias{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#1a2d3c;font-size:13px;font-weight:700;}
.bloco-categorias a{color:#1a2d3c;}
.bloco-categorias a:hover,.bloco-mais:hover{color:var(--sj-azul);}
.bloco-categorias span{color:#8ca0ad;font-weight:400;}
.bloco-mais{color:#1a2d3c;font-size:13px;font-weight:700;}
.bloco-cabecalho.simples{margin-bottom:26px;}

/* ===================== MAPA MISSIONÁRIO ===================== */
.mapa-missionario{background:#fff;padding:90px 0 100px;}
.mapa-cabecalho{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:30px;}
.mapa-titulos{max-width:560px;}
.mapa-cabecalho h2{font-size:30px;line-height:1.1;font-weight:900;letter-spacing:-.03em;color:#0d1a26;margin:0 0 14px;}
.mapa-cabecalho p{font-size:15px;line-height:1.6;color:#3b4856;margin:0;max-width:520px;}
.mapa-links{display:flex;align-items:center;gap:4px;padding-top:14px;font-size:13px;font-weight:700;color:#0d1a26;white-space:nowrap;flex-wrap:wrap;}
.mapa-links .mapa-filtro{color:#0d1a26;background:transparent;border:0;padding:6px 10px;border-radius:4px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:var(--sj-trans);}
.mapa-links .mapa-filtro:hover{color:var(--sj-azul);background:#eef5fb;}
.mapa-links .mapa-filtro.ativo{color:#fff;background:var(--sj-azul);}
.mapa-links span{color:#a8b3bd;font-weight:400;}
.mapa-links .mapa-filtro[data-tipo="estado"]{letter-spacing:.04em;text-transform:uppercase;font-size:12px;padding:6px 9px;}

/* Marcador oculto pelo filtro */
.mapa-ponto.oculto{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease, visibility .35s ease;}

.mapa-area{position:relative;}
.mapa-mundo{position:relative;width:100%;height:650px;background:transparent;overflow:visible;}
.mapa-mundo-img{width:100%;height:100%;object-fit:contain;object-position:center;opacity:.85;}

/* Marcador pulsante (links com tooltip on hover) */
.mapa-ponto{position:absolute;transform:translate(-50%,-50%);width:24px;height:24px;z-index:3;display:block;cursor:pointer;}
.mapa-ponto i{position:relative;display:block;width:18px;height:18px;border-radius:50%;background:#1d8ad8;border:4px solid #c4dcf1;box-shadow:0 0 0 4px rgba(29,138,216,.12);transition:transform .25s ease, box-shadow .25s ease;}
.mapa-ponto:hover{z-index:30;}
.mapa-ponto:hover i{transform:scale(1.18);box-shadow:0 0 0 5px rgba(29,138,216,.25), 0 6px 18px rgba(0,73,124,.25);}

/* Tooltip do ponto — aparece ao passar o mouse */
.mapa-tooltip{position:absolute;left:50%;bottom:calc(100% + 18px);transform:translateX(-50%) translateY(8px);width:310px;background:#fff;border-radius:10px;padding:12px;display:grid;grid-template-columns:96px 1fr;gap:12px;color:var(--sj-texto);box-shadow:0 24px 50px rgba(0,73,124,.28);opacity:0;visibility:hidden;transition:opacity .25s ease, transform .25s ease, visibility .25s ease;z-index:40;pointer-events:none;text-align:left;}
.mapa-tooltip:after{content:"";position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);border:9px solid transparent;border-top-color:#fff;border-bottom:0;}
.mapa-ponto:hover .mapa-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.mapa-tooltip-foto{width:96px;height:84px;border-radius:6px;overflow:hidden;background:#dcebf6;}
.mapa-tooltip-foto img{width:100%;height:100%;object-fit:cover;display:block;}
.mapa-tooltip-info{min-width:0;display:flex;flex-direction:column;justify-content:center;}
.mapa-tooltip-info h4{font-size:14px;line-height:1.2;font-weight:900;color:#0d1a26;margin:0 0 4px;}
.mapa-tooltip-local{display:block;font-size:11px;color:var(--sj-azul);font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;}
.mapa-tooltip-info p{font-size:11.5px;line-height:1.4;color:var(--sj-cinza-texto);margin:0 0 6px;}
.mapa-tooltip-link{display:inline-flex;align-items:center;gap:6px;color:var(--sj-azul);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;}
.mapa-tooltip-link i{font-size:10px;}

/* Pontos próximos da borda direita: tooltip sai pela direita */
.mapa-ponto[style*="left:7"] .mapa-tooltip,
.mapa-ponto[style*="left:8"] .mapa-tooltip,
.mapa-ponto[style*="left:9"] .mapa-tooltip{left:auto;right:0;transform:translateY(8px);}
.mapa-ponto[style*="left:7"]:hover .mapa-tooltip,
.mapa-ponto[style*="left:8"]:hover .mapa-tooltip,
.mapa-ponto[style*="left:9"]:hover .mapa-tooltip{transform:translateY(0);}
.mapa-ponto[style*="left:7"] .mapa-tooltip:after,
.mapa-ponto[style*="left:8"] .mapa-tooltip:after,
.mapa-ponto[style*="left:9"] .mapa-tooltip:after{left:auto;right:14px;transform:none;}

/* Pontos próximos da borda esquerda: tooltip sai pela esquerda */
.mapa-ponto[style*="left:0"] .mapa-tooltip,
.mapa-ponto[style*="left:1"] .mapa-tooltip,
.mapa-ponto[style*="left:2"] .mapa-tooltip{left:0;right:auto;transform:translateY(8px);}
.mapa-ponto[style*="left:0"]:hover .mapa-tooltip,
.mapa-ponto[style*="left:1"]:hover .mapa-tooltip,
.mapa-ponto[style*="left:2"]:hover .mapa-tooltip{transform:translateY(0);}
.mapa-ponto[style*="left:0"] .mapa-tooltip:after,
.mapa-ponto[style*="left:1"] .mapa-tooltip:after,
.mapa-ponto[style*="left:2"] .mapa-tooltip:after{left:14px;right:auto;transform:none;}

/* Pontos próximos do topo: tooltip aparece abaixo */
.mapa-ponto[style*="top: 0"] .mapa-tooltip,
.mapa-ponto[style*="top:0"] .mapa-tooltip,
.mapa-ponto[style*="top:1"] .mapa-tooltip,
.mapa-ponto[style*="top:2"] .mapa-tooltip{bottom:auto;top:calc(100% + 18px);}
.mapa-ponto[style*="top: 0"] .mapa-tooltip:after,
.mapa-ponto[style*="top:0"] .mapa-tooltip:after,
.mapa-ponto[style*="top:1"] .mapa-tooltip:after,
.mapa-ponto[style*="top:2"] .mapa-tooltip:after{top:-9px;bottom:auto;border-top:0;border-bottom-color:#fff;}

/* ===================== FAIXA CINZA — NOTICIAS / PROJETOS / DEPOIMENTOS / 25 ANOS ===================== */
.home-faixa-cinza{background:var(--sj-cinza);padding:80px 0 90px;}
.bloco-noticias{margin-bottom:90px; padding: 70px 0px; }
.grid-noticias{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.card-noticia a{display:block;color:#0d1a26;}
.card-noticia .card-foto{position:relative;width:100%;height:230px;border-radius:10px;overflow:hidden;background:#dcebf6;}
.card-noticia .card-foto img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.card-noticia:hover .card-foto img{transform:scale(1.055);}
.card-data{position:absolute;left:0;bottom:0;width:74px;height:74px;background:#79b2df;border-radius:0 10px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0d1a26;}
.card-data strong{font-size:30px;line-height:.9;font-weight:900;}
.card-data small{font-size:12px;font-weight:900;letter-spacing:.04em;margin-top:2px;}
.card-noticia .card-corpo{padding-top:18px;}
.card-noticia h3{font-size:18px;line-height:1.25;font-weight:900;margin:0 0 8px;color:#0d1a26;letter-spacing:-.015em;}
.card-noticia p{font-size:14px;line-height:1.5;color:#445261;margin:0 0 14px;}
.card-link{display:inline-block;color:var(--sj-verde);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;}

/* ===================== PROJETOS MISSIONÁRIOS ===================== */
.bloco-projetos{margin-bottom:90px;}

/* Filtros de segmento (Educação / Saúde / Pastoral) */
.bloco-projetos .bloco-cabecalho .bloco-categorias{display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.bloco-projetos .bloco-cabecalho #projetos-filtros .proj-filtro{color:#1a2d3c;background:transparent;border:0;padding:6px 12px;border-radius:4px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:var(--sj-trans);}
.bloco-projetos .bloco-cabecalho #projetos-filtros .proj-filtro:hover{color:var(--sj-azul);background:#eef5fb;}
.bloco-projetos .bloco-cabecalho #projetos-filtros .proj-filtro.ativo{color:#fff;background:var(--sj-azul);}
.bloco-projetos .bloco-cabecalho #projetos-filtros span{color:#a8b3bd;font-weight:400;}

/* Grid: 1 card grande (esquerda) + 2 pequenos (direita empilhados) */
.grid-projetos{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:160px 160px;gap:18px;}
.card-projeto{position:relative;border-radius:12px;overflow:hidden;background:var(--sj-azul);min-height:160px;box-shadow:0 18px 36px rgba(0,62,110,.12);transition:opacity .35s ease, transform .35s ease;}
.card-projeto.destaque{grid-row:1 / span 2;}
.card-projeto a,.card-projeto .sem-link{display:block;height:100%;color:#fff;}
.card-projeto .card-foto{position:absolute;inset:0;}
.card-projeto .card-foto img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.card-projeto:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,114,188,.18) 0%, rgba(0,114,188,.62) 55%, rgba(0,73,124,.85) 100%);pointer-events:none;}
.card-projeto:hover .card-foto img{transform:scale(1.04);}
.card-projeto .card-overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:18px 20px;color:#fff;}
.card-projeto .card-tag{display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#fff;background:rgba(255,255,255,.18);padding:4px 10px;border-radius:30px;backdrop-filter:blur(4px);margin-bottom:8px;}
.card-projeto h3{font-size:15px;line-height:1.2;font-weight:900;margin:0;color:#fff;}
.card-projeto.destaque{}
.card-projeto.destaque .card-overlay{padding:24px 28px;}
.card-projeto.destaque h3{font-size:22px;}
.card-projeto p{display:none;font-size:13px;line-height:1.45;color:rgba(255,255,255,.92);margin:8px 0 0;max-width:480px;}
.card-projeto.destaque p{display:block;}

/* Estado oculto pelo filtro */
.card-projeto.oculto{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.96);}

/* ===================== DEPOIMENTOS ===================== */
.bloco-depoimentos{margin-bottom:90px;}
.grid-depoimentos{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:90px 0px 0px 0px;}
.card-depoimento{display:grid;grid-template-columns:78px 1fr;gap:22px;position:relative;align-items:start;}
.card-depoimento .aspas{position:absolute;left:-6px;top:-44px;font-family:Georgia,serif;font-size:120px;line-height:1;color:var(--sj-verde);font-weight:900;z-index:0;}
.card-depoimento .autor-foto{width:78px;height:78px;border-radius:50%;overflow:hidden;background:#fff;position:relative;z-index:2;margin-top:20px;box-shadow:0 8px 20px rgba(0,0,0,.1);}
.card-depoimento .autor-foto img{width:100%;height:100%;object-fit:cover;}
.depoimento-conteudo{position:relative;z-index:2;}
.depoimento-texto{font-size:15px;line-height:1.55;color:#1a1a1a;margin:0 0 14px;}
.depoimento-conteudo strong{display:block;font-size:14px;font-weight:900;color:#0d1a26;}
.depoimento-conteudo small{display:block;font-size:12px;color:#6b7785;margin-top:3px;}

/* ===================== FAIXA 25 ANOS / CELEBRAÇÃO ===================== */
/* Banner final — só imagem, opcionalmente clicável */
.banner-final-bloco{margin:0;border-radius:12px;overflow:hidden;box-shadow:0 18px 36px rgba(0,73,124,.14);background:var(--sj-cinza);}
.banner-final-bloco .banner-final-link{display:block;line-height:0;color:inherit;}
.banner-final-bloco img{width:100%;height:auto;display:block;object-fit:contain;transition:transform .5s ease;}
.banner-final-bloco a.banner-final-link:hover img{transform:scale(1.015);}

/* ===================== MULTIMÍDIA + PUBLICAÇÕES ===================== */
.home-conteudos{background:#fff;padding:90px 0 110px;}
.bloco-midia{display:grid;grid-template-columns:1.55fr 1fr;gap:48px;align-items:start;}
.bloco-midia .bloco-cabecalho{margin-bottom:24px;}
.grid-multimidia{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.grid-multimidia li{position:relative;border-radius:10px;overflow:hidden;background:var(--sj-azul);height:170px;}
.grid-multimidia .card-video.destaque{grid-column:span 2;height:340px;}
.grid-multimidia a{display:block;height:100%;color:#fff;}
.grid-multimidia .card-foto{position:absolute;inset:0;}
.grid-multimidia .card-foto img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05);}
.grid-multimidia li:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,111,184,.25) 0%, rgba(0,92,150,.75) 100%);pointer-events:none;}
.grid-multimidia .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;color:var(--sj-azul);font-size:24px;z-index:3;box-shadow:0 12px 28px rgba(0,0,0,.2);}
.grid-multimidia .card-video.destaque .play{width:96px;height:96px;font-size:32px;}
.grid-multimidia .card-overlay{position:absolute;left:0;right:0;bottom:0;padding:18px 22px;z-index:3;}
.grid-multimidia h3{font-size:16px;line-height:1.2;font-weight:900;color:#fff;margin:0;}

/* PUBLICAÇÕES */
.card-publicacao{background:#eaecef;border-radius:10px;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;}
.card-publicacao .card-foto{width:240px;height:320px;border-radius:5px;overflow:hidden;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.1);}
.card-publicacao .card-foto img{width:100%;height:100%;object-fit:cover;}
.card-publicacao .card-corpo{width:100%;padding-top:22px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end;}
.card-publicacao h3{font-size:16px;line-height:1.2;font-weight:900;color:#0d1a26;margin:0;}
.card-publicacao .card-autor{display:block;font-size:12px;color:#6b7785;font-weight:600;margin-top:4px;}
.card-publicacao p{display:none;}
.btn-pub{height:42px;min-width:110px;padding:0 22px;border-radius:5px;background:var(--sj-azul);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;transition:var(--sj-trans);}
.btn-pub:hover{background:var(--sj-azul-escuro);color:#fff;transform:translateY(-2px);}

/* ===================== RESPONSIVO ===================== */
@media (max-width:1100px){
    .home-hero{padding:48px 0 48px;background:linear-gradient(to bottom, var(--sj-azul-claro) 0px, var(--sj-azul-claro) 298px, #ffffff 298px, #ffffff 100%);}
    .banner-principal{height:500px;}
    .banner-conteudo{left:48px;right:48px;bottom:54px;}
    .banner-titulo{font-size:46px;}
    .banner-controles{left:48px;right:48px;}
    .home-atalhos{padding:42px 0 60px;}
    .atalhos ul{gap:12px;}
    .atalhos ul li{width:160px;height:230px;}
    .mapa-mundo{height:380px;}
    .mapa-tooltip{width:280px;}
    .grid-projetos{grid-template-rows:170px 170px;}
}
@media (max-width:760px){
    .home-hero{padding:28px 0 28px;background:linear-gradient(to bottom, var(--sj-azul-claro) 0px, var(--sj-azul-claro) 213px, #ffffff 213px, #ffffff 100%);}
    .banner-principal{height:370px;}
    .banner-conteudo{left:24px;right:24px;bottom:28px;max-width:none;}
    .banner-titulo{font-size:30px;}
    .banner-tag{font-size:11px;padding:6px 10px;}
    .banner-slogan{font-size:14px;margin-bottom:22px;}
    .banner-cta{height:46px;padding:0 22px;font-size:12px;}
    .banner-cta.cta-whats{padding-left:6px;}
    .banner-cta.cta-whats i{width:34px;height:34px;font-size:20px;background:transparent;color:#fff;}
    .banner-controles{left:24px;right:24px;top:20px;}
    .home-atalhos{padding:36px 0 50px;}
    .atalhos ul{display:flex;justify-content:center;align-items:flex-start;gap:14px;}
    .atalhos ul li{width:150px;height:220px;}
    .atalho-card{width:100px;height:100px;}
    .atalho-link:hover .atalho-card{width:140px;height:180px;}
    .atalho-card .nome_atalho{font-size:13px;width:140px;}
    .mapa-missionario{padding:54px 0 60px;}
    .mapa-cabecalho{flex-direction:column;gap:14px;}
    .mapa-links{flex-wrap:wrap;}
    .mapa-mundo{height:280px;}
    .mapa-tooltip{width:240px;grid-template-columns:74px 1fr;gap:8px;padding:9px;}
    .mapa-tooltip-foto{width:74px;height:64px;}
    .home-faixa-cinza{padding:54px 0 60px;}
    .bloco-cabecalho{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:24px;}
    .bloco-cabecalho h2{font-size:18px;}
    .grid-noticias{grid-template-columns:1fr;gap:28px;}
    .card-noticia .card-foto{height:200px;}
    .bloco-noticias,.bloco-projetos,.bloco-depoimentos{margin-bottom:54px;}
    .grid-projetos{grid-template-columns:1fr;grid-template-rows:auto;gap:18px;}
    .card-projeto,.card-projeto.destaque{grid-row:auto;height:220px;}
    .grid-depoimentos{grid-template-columns:1fr;gap:34px;}
    .banner-final-bloco{border-radius:10px;}
    .home-conteudos{padding:54px 0 70px;}
    .bloco-midia{grid-template-columns:1fr;gap:48px;}
    .grid-multimidia .card-video.destaque{height:230px;}
    .grid-multimidia .card-video.destaque .play{width:76px;height:76px;font-size:24px;}
}