/* ==========================================================
   ALINHAMENTO GLOBAL DO SITE
   Mantém todas as páginas e blocos no mesmo eixo central.
   ========================================================== */

:root{
  --scj-layout-max:1180px;
  --scj-layout-gutter:16px;
}

body.scj-imported-page{
  overflow-x:hidden;
}

/* Compensa o cabeçalho fixo ao navegar pelos links internos. */
body.scj-imported-page #inicio,
body.scj-imported-page #missas,
body.scj-imported-page #transmissao-ao-vivo,
body.scj-imported-page #carousel,
body.scj-imported-page #noticias,
body.scj-imported-page #liturgia-diaria,
body.scj-imported-page #sobre-nos,
body.scj-imported-page #pastorais,
body.scj-imported-page #contato{
  scroll-margin-top:110px;
}

/* Containers padrão das páginas institucionais */
body.scj-imported-page .container{
  width:min(var(--scj-layout-max), calc(100% - 32px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Páginas das capelas usam .wrap em vez de .container */
body.scj-imported-page .wrap{
  width:min(var(--scj-layout-max), calc(100% - 32px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Evita que conteúdo interno ultrapasse o eixo principal */
body.scj-imported-page main,
body.scj-imported-page section,
body.scj-imported-page article,
body.scj-imported-page .block-card{
  min-width:0;
}

/* Página inicial: títulos principais sempre no mesmo eixo */
body.scj-imported-page.home .section > .container > h2,
body.scj-imported-page.home #clero h2,
body.scj-imported-page.home .scj-news-heading,
body.scj-imported-page.home .scj-banner-section-title,
body.scj-imported-page.home .scj-youtube-live-section h2,
body.scj-imported-page.home .scj-daily-liturgy-section h2{
  text-align:center;
}

/* Títulos, textos introdutórios e ações seguem um eixo único. */
body.scj-imported-page.home .sectionIntro,
body.scj-imported-page.home .homePastoralsHeader,
body.scj-imported-page.home .homePastoralsContent>h2,
body.scj-imported-page.home .program>div:first-child,
body.scj-imported-page.home .contact>div:first-child{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

body.scj-imported-page.home .program>div:first-child,
body.scj-imported-page.home .contact>div:first-child{
  max-width:760px;
}

body.scj-imported-page.home .homePastoralsContent>h2:after{
  left:50%;
  transform:translateX(-50%);
}

/* ==========================================================
   CLERO
   ========================================================== */
body.scj-imported-page #clero .container{
  display:block;
}

body.scj-imported-page #clero .clero-grid{
  width:100%;
  max-width:1040px;
  margin-left:auto;
  margin-right:auto;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  justify-content:center;
  justify-items:stretch;
}

body.scj-imported-page #clero .clero-card{
  width:100%;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}

/* ==========================================================
   BLOCOS PRINCIPAIS DA HOME
   Mantém todos com o mesmo centro visual.
   ========================================================== */
body.scj-imported-page .special-images,
body.scj-imported-page .scj-banner-toolbar,
body.scj-imported-page .scj-banner-carousel,
body.scj-imported-page .scj-banner-empty{
  margin-left:auto !important;
  margin-right:auto !important;
}

body.scj-imported-page .scj-news-grid{
  width:100%;
  margin-left:auto;
  margin-right:auto;
  align-items:stretch;
}

body.scj-imported-page .video-shell,
body.scj-imported-page .calendar,
body.scj-imported-page .banner-card,
body.scj-imported-page .missa-card,
body.scj-imported-page .scj-youtube-live-card,
body.scj-imported-page .scj-daily-liturgy-card{
  margin-left:auto;
  margin-right:auto;
}

/* Cartões uniformes: imagem, título e texto permanecem alinhados. */
body.scj-imported-page.home .scj-news-card,
body.scj-imported-page.home .homePastoralsContent .nativeCards section{
  height:100%;
}

body.scj-imported-page.home .homePastoralsContent .nativeCards section{
  display:flex;
  flex-direction:column;
  align-items:stretch;
}

body.scj-imported-page.home .homePastoralsContent .nativeCardVisual{
  flex:0 0 150px;
  min-height:150px;
}

body.scj-imported-page.home .homePastoralsContent .nativeCards h3{
  min-height:2.5em;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

body.scj-imported-page.home .homePastoralsContent .nativeCards p{
  flex:1;
  text-align:center;
}

body.scj-imported-page.home .homeAboutButton,
body.scj-imported-page.home .program a,
body.scj-imported-page.home .mapButton{
  width:max-content;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}

body.scj-imported-page.home .homeAboutButton,
body.scj-imported-page.home .program a{
  display:flex;
  justify-content:center;
}

/* Imagens e embeds nunca podem escapar da largura disponível */
body.scj-imported-page img,
body.scj-imported-page iframe,
body.scj-imported-page video{
  max-width:100%;
}

/* Páginas de biografia, história e pastorais */
body.scj-imported-page .profile-shell,
body.scj-imported-page .history-grid,
body.scj-imported-page .pastorais-grid,
body.scj-imported-page .scj-pastorais-manager{
  margin-left:auto;
  margin-right:auto;
}

/* Responsividade */
@media (max-width:980px){
  body.scj-imported-page #clero .clero-grid{
    grid-template-columns:1fr;
    max-width:500px;
  }

  body.scj-imported-page #clero .clero-card{
    max-width:500px;
  }
}

@media (max-width:620px){
  :root{
    --scj-layout-gutter:12px;
  }

  body.scj-imported-page .container,
  body.scj-imported-page .wrap{
    width:calc(100% - 24px) !important;
  }

  body.scj-imported-page #clero .clero-grid,
  body.scj-imported-page #clero .clero-card{
    max-width:100%;
  }

  body.scj-imported-page.home .homePastoralsContent .nativeCards h3{
    min-height:0;
  }
}