/*ICONES*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css");

/*FONTES*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');


/*VARIÁVEIS GLOBAIS*/
:root{
    --cor-01:#551652; /*azul01*/
    --cor-02:#bb57b7; /*azul02*/
    --cor-03:#4D4D4D; /*cinza01*/
    --cor-04:#F56269; /*salmao*/
    --cor-05:#FFF; /*branco*/
    --cor-06:#dfdfdf; /*cinza02*/
    --cor-07:#c3b892; /*dourado*/
    --cor-08:#fbfbfb; /*bege*/
    --cor-09:#EFE7CB; /*bege escuro*/
    --cor-10:#c3b891; /*bege mais escuro*/
    --cor-11:#FFED97; /*amarelo*/
    --cor-12:transparent; /*amarelo*/
    --cor-13:#F9564F; /*bege de link*/
    --cor-14:#F9564F; /*bege de link*/
    --cor-15:#f4f4f4; /*bege de link*/
    --cor-16:#999; /*bege escuro rodape*/
    --cor-17:#0C0A3E; /*salmão escuro*/
    --linha-branca:2px solid white; /*linha branca*/
}
/*FIM DE VARIÁVEIS GLOBAIS*/

/*GENÉRICAS*/
body{
    font-family: "Noto Sans", sans-serif;
    overflow-y: scroll;
}
body p{
    font-family: "Noto Sans", sans-serif;
    line-height: 1.4em;
}
body *::selection{
    background-color:#000;
    color:white;
}

.creditos{
    text-align: right;
    background:#c53c37;
    color:white;
    padding:15px;
    font-size:12px;
    letter-spacing: 1px;
    padding-right:3rem
}
.creditos img{
    vertical-align: middle;
    width:16px;
    height:auto;
}
.creditos a{
    color:var(--cor-05);
}
.creditos a:hover{
    color:var(--cor-05);
}

.zoom-8{zoom:.8}

.m-zero-auto{
    margin:0 auto;
}

hr{
    opacity:1
}

.p-materias{
    padding:0 15vw;
}


.mensagem-flutuante {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #28a745;
    color: white;
    padding: 40px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    z-index: 9999;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    animation: desce 0.4s ease forwards;
    width:100%;
}

.section-internas{
    height:25vh;
    background:var(--cor-01) url('../img/jpg/bck-internas.jpg');
    background-position:center center;
    background-blend-mode: luminosity;
    opacity: .3;
    filter: grayscale(1);
    box-shadow: 0 10px 15px #195b58;
    background-size:cover;
}

.mensagem-flutuante.saindo {
    animation: sobe 0.4s ease forwards;
}

.mensagem-flutuante .fechar-msg {
    position: absolute;
    top: 5px;
    right: 10px;
    border: none;
    background: transparent;
    color: white;
    font-size: 20px;
    cursor: pointer;
}

.mensagem-flutuante.oculto {
    display: none !important;
}

@keyframes desce {
    from {
        transform: translate(-50%, -100%);
        opacity: 0;
    }
    to {
        transform: translate(-50%, 0);
        opacity: 1;
    }
}

@keyframes sobe {
    from {
        transform: translate(-50%, 0);
        opacity: 1;
    }
    to {
        transform: translate(-50%, -100%);
        opacity: 0;
    }
}



h2{
    font-size:48px;
    font-weight: 900;
    margin-bottom:10px;
    line-height: 1;
}
h6{
    font-size:14px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-family:"Noto Serif", serif;
    margin-bottom:6px;
}
h4{
    margin:15px 0 ;
    font-weight: 800;
    font-size:20px;
}
.fonte-serif{
    font-family: "Noto Serif", serif;
}
.fonte-italica{
    font-style: italic;
}
.fonte-14{
    font-size:14px
}
.fonte-18{
    font-size:18px;
}
.fonte-22{
    font-size:22px;
}
.fonte-28{
    font-size:28px;
}
.fonte-44{
    font-size:44px;
}
.fonte-fina{
    font-weight: 300
}
.fonte-media{
    font-weight: 500
}
.fonte-grossa{
    font-weight: 800
}
.line-height-17{
    line-height: 1.7;
}
.letter-spacing-3{
    letter-spacing: 3px;
}

.linha{
    width:50px;
    border-width:5px;
}

.bck-01{
    background-color:var(--cor-01);
}
.bck-02{
    background-color:var(--cor-02);
}
.bck-03{
    background-color:var(--cor-03);
}
.bck-04{
    background-color:var(--cor-04);
}
.bck-05{
    background-color:var(--cor-05);
}
.bck-06{
    background-color:var(--cor-06);
}
.bck-07{
    background-color:var(--cor-07);
}
.bck-08{
    background-color:var(--cor-08);
}
.bck-09{
    background-color:var(--cor-09);
}
.bck-10{
    background-color:var(--cor-10);
}
.bck-11{
    background-color:var(--cor-11);
}
.bck-12{
    background-color:var(--cor-12);
}
.bck-13{
    background-color:var(--cor-13);
}
.bck-14{
    background-color:var(--cor-14);
}
.bck-15{
    background-color:var(--cor-15);
}
.bck-16{
    background-color:var(--cor-16);
}

.cor-01{
    color:var(--cor-01);
}
.cor-02{
    color:var(--cor-02);
}
.cor-03{
    color:var(--cor-03);
}
.cor-04{
    color:var(--cor-04);
}
.cor-05{
    color:var(--cor-05);
}
.cor-06{
    color:var(--cor-06);
}
.cor-07{
    color:var(--cor-07);
}
.cor-08{
    color:var(--cor-08);
}
.cor-09{
    color:var(--cor-09);
}
.cor-10{
    color:var(--cor-10);
}
.cor-11{
    color:var(--cor-11);
}
.cor-12{
    color:var(--cor-12);
}
.cor-13{
    color:var(--cor-13);
}
.cor-14{
    color:var(--cor-14);
}
.cor-15{
    color:var(--cor-15);
}
.cor-16{
    color:var(--cor-16);
}

.mr-5{
    margin-right:5px;
}
.mr-10{
    margin-right:10px;
}
.m-t-n-5{
    margin-top:-5vh
}
.m-t-n-10{
    margin-top:-10vh
}

.text-right{
    text-align: right
}

.linha-branca{
    border: var(--linha-branca)!important;
}

.alinha-direita{
    text-align: right
}
section{
    margin:10vh 0
}

.pl-5{
    padding-left:5em;
}
.pr-5{
    padding-right:5em;
}

.sem-eventos{
    background: #f9f9f9;
    padding: 40px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.alignleft{
    float:left;
    margin:20px 20px 20px 0;
    margin-left:-120px;
    box-shadow: 0 0 15px #dfdfdf;
    padding:10px;
    background:white;
}
.alignright{
    float:right;
    margin:20px 0 20px 20px;
    margin-right:-120px;
    box-shadow: 0 0 15px #dfdfdf;
    padding:10px;
    background:white;
}

.botao {
    display:inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    z-index: 1;
    position: relative;
    border-radius: 3px;
    font-size: inherit;
    font-family: inherit;
    color: white;
    padding: 15px 25px;
    outline: none;
    border: none;
    overflow: hidden;
    cursor: pointer;
}
.botao.txt-cinza{color:#999;}
.botao.txt-cinza:hover{ background:white;}
.botao::after {
    content: '';
    z-index: -1;
    background-color: hsla(0, 0%, 100%, 0.2);
    position: absolute;
    top: -50%;
    bottom: -50%;
    width: 1.25em;
    transform: translate3d(-1025%, 0, 0) rotate(35deg);
}
.botao:hover::after {
    transition: transform 0.45s ease-in-out;
    transform: translate3d(200%, 0, 0) rotate(35deg);
}

a{
    transition:all linear .3s;
    text-decoration: none;
    color:#4d4d4d;
}
a:hover{
    filter:brightness(1.1)
}


/* ===== LINKS COM EFEITO DE LINHA ===== */
/* Apenas links do nível 1 terão efeito de linha */
.menu-menu-principal-container > ul.menu > li > a {
    position: relative;
    text-decoration: none;
}

.menu-menu-principal-container > ul.menu > li > a::before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--cor-03);
    transform-origin: bottom right;
    transform: scaleX(0);
    transition: transform 0.5s ease;
}

.menu-menu-principal-container > ul.menu > li > a:hover::before {
    transform-origin: bottom left;
    transform: scaleX(1);
}

/* ===== MENU PRINCIPAL E SUBMENUS ===== */
.menu-principal ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-principal ul li {
    position: relative;
}

/* Submenus escondidos com transição */
.menu-principal ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    padding: 10px 0;
    min-width: 180px;
    padding-top: 43px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

/* Submenus visíveis com animação */
.menu-principal li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* Submenus de nível 2 ou mais */
.menu-principal ul ul ul {
    top: 0;
    left: 100%;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

.menu-principal ul ul li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* Links nos submenus */
.menu-principal ul ul li a {
    display: block;
    padding: 20px;
    color: var(--cor-03);
    font-weight: 500;
    text-transform: none;
    margin: 0;
    white-space: nowrap;
    background: white;
    width: 100%;
    border-bottom:1px solid var(--cor-06);
    font-size:14px;
}
.menu-principal ul ul li:first-child a{
    border-top:1px solid #dfdfdf;
}
.menu-principal ul ul ul li:first-child a{
    border-top:none
}

/* Hover nos links dos submenus */
.menu-principal ul ul li a:hover {
    background-color: var(--cor-01);
    color:white;
    border-bottom-color: var(--cor-01)
}

/* ===== SETAS INDICADORAS ===== */
/* Setinha para itens de nível 1 com submenu */
/* Setinha para qualquer item com submenu (nível 1 incluso) */
.menu-principal li.menu-item-has-children > a::after {
    content: '▼';
    margin-left: 8px;
    font-size: 16px;
    color: var(--cor-03);
}

/* Setinha lateral para subníveis (2 ou mais) */
.menu-principal ul ul li.menu-item-has-children > a::after {
    content: '▶';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: var(--cor-03);
}
.menu-principal ul ul li.menu-item-has-children > a:hover::after {
    color:white;
}

.menu-principal ul ul li.menu-item-has-children > a {
    position: relative;
    padding-right: 30px;
}

















a.icone-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
a.icone-link i{
    transition:transform 0.3s ease, filter 0.3s ease;
    transform-origin:center;
}
a.icone-link:hover i{
    filter:brightness(1.5);
}

/*LARGURA DE ELEMENTO*/
.lar-25 {
    width: calc(25% - 15px)
}
.lar-50 {
    width: calc(50% - 15px)
}
.lar-75 {
    width: calc(75% - 15px)
}
.lar-10 {
    width: calc(10% - 15px)
}
.lar-20 {
    width: calc(20% - 15px)
}
.lar-30 {
    width: calc(30% - 15px)
}
.lar-40 {
    width: calc(40% - 15px)
}
.lar-50 {
    width: calc(50% - 15px)
}
.lar-60 {
    width: calc(60% - 15px)
}
.lar-70 {
    width: calc(70% - 15px)
}
.lar-80 {
    width: calc(80% - 15px)
}
.lar-90 {
    width: calc(90% - 15px)
}
.lar-100 {
    width: calc(100% - 15px)
}

.padding-vertical-30{
    padding:30px 0
}
.padding-vertical-60{
    padding:60px 0
}
.padding-vertical-90{
    padding:90px 0
}
/*FIM DE LARGURA DE ELEMENTO*/


/*CARROSSEL*/
.carrossel-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
    width: 100%;
}
.carrossel-wrapper .seta-esquerda, .carrossel-wrapper .seta-direita {
    cursor: pointer;
    font-size: 30px;
    user-select: none;
    z-index: 2;
}
.carrossel-wrapper .seta-esquerda:hover, .carrossel-wrapper .seta-direita:hover {
    color: var(--cor-02);
}
.carrossel-wrapper .seta-desativada {
    opacity: .1;
    pointer-events: none;
}
.carrossel-wrapper .seta-esquerda {
    position:absolute;
    left:-30px;
    margin-top:-50px

}
.carrossel-wrapper .seta-direita {
    position: absolute;
    right:-30px;
    margin-top:-50px;
}
.carrossel-wrapper .lista-chamadas {
    display: flex;
    overflow: hidden;
    scroll-behavior: smooth;
    width: 100%;
    gap:20px;
}
.carrossel-wrapper .lista-chamadas .box-chamada {
    flex: 0 0 calc(100% / var(--itens-visiveis) - 14px);
    max-width: calc(100% / var(--itens-visiveis) - 14px);
}
.carrossel-wrapper .lista-chamadas .box-chamada a {
}
.carrossel-wrapper .lista-chamadas .box-chamada a:hover {
}
.carrossel-wrapper .lista-chamadas .box-chamada p{
}
.carrossel-wrapper .lista-chamadas .box-chamada img {
    width: 100%;
    height: auto;
    display: block;
}
.carrossel-wrapper .lista-chamadas .box-chamada .img-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    background:black;
}

.carrossel-wrapper .lista-chamadas .box-chamada a:hover .img-wrapper:after {
    transform: translate(100%,100%);
}
.carrossel-wrapper .lista-chamadas .box-chamada a:hover .img-wrapper:before {
    opacity: 1;
}
.carrossel-wrapper .lista-chamadas .box-chamada .card-wrapper {
    margin: 30px;
    background: white;
    padding: 60px;
    text-align: center;
    box-shadow: 0 0 30px rgba(0,0,0,.3);
    border-radius: 5px;
}
.carrossel-wrapper .lista-chamadas .box-chamada .card-wrapper img {
    display: inline-block;
    width: 64px;
    height: 64px;
}
.carrossel-wrapper .lista-chamadas .box-chamada a .card-wrapper {
    outline: 3px solid transparent;
    transition: all linear .2s;
}
.carrossel-wrapper .lista-chamadas .box-chamada a:hover .card-wrapper {
    outline: 3px solid var(--cor-13);
}
.carrossel-wrapper .lista-chamadas .box-chamada .card-parceiro {
}
.carrossel-wrapper .lista-chamadas .box-chamada .card-parceiro img {
    width: 100%;
    aspect-ratio: 1/1.2;
    object-fit: cover;
}
.carrossel-wrapper .lista-chamadas .box-chamada .card-parceiro .box-dados-pessoais {
    padding: 30px;
    text-align: center;
    background: var(--cor-15);
    margin-bottom:25px;
}
.carrossel-wrapper .lista-chamadas .box-chamada .card-parceiro .box-dados-pessoais p.info-redes{
    font-size:12px;
    margin:23px 0;
}
.carrossel-wrapper .lista-chamadas .box-chamada .card-parceiro .box-dados-pessoais .icones-redes-sociais {
    margin: 20px 0;
}
.carrossel-wrapper .lista-chamadas .box-chamada .card-parceiro .box-dados-pessoais .icones-redes-sociais a i:hover {
    filter: brightness(.2);
}

/* PAGINAÇÃO */
.carrossel-wrapper .carrossel-paginacao {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 15px;
    position:absolute;
    bottom:-5px;
    z-index: 999;
    width:100%;
    justify-content: flex-end;
    right:15px;
}
.carrossel-wrapper .carrossel-paginacao .ponto {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ccc;
    cursor: pointer;
    transition: background 0.3s;
}
.carrossel-wrapper .carrossel-paginacao .ponto.ativo {
    background: var(--cor-03);
}
.carrossel-wrapper .carrossel-paginacao .ponto:hover {
    background: var(--cor-04);
}
/*FIM CARROSSEL*/

.paginacao {
    text-align: center;
    margin-top: 40px;
}

.paginacao .page-numbers {
    display: inline-block;
    margin: 0 6px;
    padding: 8px 14px;
    background: #f1f1f1;
    color: #333;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
}

.paginacao .page-numbers:hover {
    background: var(--cor-02);
    color: #fff;
}

.paginacao .current {
    background: var(--cor-01);
    color: #fff;
    font-weight: bold;
    cursor: default;
}



form{
    display:flex;
    gap:30px;
    flex-wrap: wrap;
}
form .alinha-btn-form{
    display:flex;
    justify-content: right;
    width:100%
}
.titulo-label span{
    font-size:10px;
    font-weight:500;
    margin-bottom:5px;
    letter-spacing:1px;
    text-transform:uppercase;
    display:block;
}
.titulo-label input{
    width:100%;
    padding:6px 0;
    border:none;
    outline:none;
    background:linear-gradient(to left, #F4F4F4 50%, #D4D4D4 50%) right bottom no-repeat;
    background-size:200% 2px;
    background-position:right bottom;
    transition:background-position 0.5s ease;
}
.titulo-label input:hover, .titulo-label input:focus{
    background-position:left bottom;
}
.titulo-label select{
    width:100%;
    padding:9px 30px 9px 0;
    border:none;
    outline:none;
    background:linear-gradient(to left, #F4F4F4 50%, #D4D4D4 50%) right bottom no-repeat, url("data:image/svg+xml;charset=UTF-8,<svg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'><path d='M0 0l5 6 5-6H0z' fill='%23000'/></svg>") no-repeat right 10px center;
    background-size:200% 2px, 10px 6px;
    background-position:right bottom, right 10px center;
    transition:background-position 0.5s ease;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    background-color:transparent;
}
.titulo-label select:hover, .titulo-label select:focus{
    background-position:left bottom, right 10px center;
}

/*ÍCONES DE COMPARTILHAMETO*/
.icones-compartilhamento{
    margin-bottom:6vh;
    font-size: 22px;
}
.icones-compartilhamento a{
    padding-right:12px;
    transition:all linear .1s;
    border-radius: 30px;
}
.icones-compartilhamento a:hover{
    color: var(--cor-04);
}
/*FIM DE ÍCONES DE COMPARTILHAMETO*/

/*INICIO TOPO*/
section.topo{
    margin:0;
}

























/* NAV raiz */
#menu-orion {
    z-index: 10000;
}

/* Botão Hamburguer */
.menu-hamburguer-mobile{
    display:none;
}

#menu-orion #menu-toggle-orion {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: var(--cor-04);
    color:var(--cor-05);
    padding: 20px 23px 20px 13px;
    border-radius: 0% 50% 50% 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    z-index: 10001;
    font-size: 27px;
    transition:all linear .2s;
    width:63px;
    display:block;
    opacity:0;
    transition:opacity linear .2s;
}

#menu-orion #menu-toggle-orion:hover{
    color:var(--cor-05);
    background:var(--cor-04)
}

#menu-orion #menu-toggle-orion {
    pointer-events: none;
}

#menu-orion #menu-toggle-orion.show {
    pointer-events: auto;
}

/* Botão Hamburguer (aberto) */
#menu-orion #menu-toggle-orion.open {
    left: 340px; /* Igual ao width máximo do menu! */
    box-shadow: 8px 0 10px rgba(0,0,0,.2); /* Igual ao width máximo do menu! */
    transition: left .3s ease 0.22s; /* <- DELAY de 0.2s */
}

.overflowTeste{
    overflow-y: hidden;
}

/* Ícone Hamburguer */
#menu-orion .hamburger-icon-orion {
    font-size: 30px;
}

/* Overlay do Menu */
#menu-orion #menu-overlay-orion {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    max-width: 340px; /* Aqui damos um limite mais bonito */
    height: 100vh;
    background: white;
    box-shadow: -5px 0 15px rgba(0,0,0,0.3);
    transition: left .5s ease;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 10000;
}

/* Quando ativo */
#menu-orion #menu-overlay-orion.active {
    left: 0;
}

/* Cabeçalho do Menu */
#menu-orion .menu-header-orion {
    display: flex;
    flex-direction: column;
    padding: 20px;
    background: var(--cor-04);
}

#menu-orion #menu-back-orion {
    display: flex;
    align-items: center;
    color: #555;
    cursor: pointer;
    padding: 40px 15px;
    font-weight: 700;
    font-size: 20px;
    border-top: 1px solid #eee;
    background: white;
    position: absolute;
    width: 100%;
    top:-1px;
}

#menu-orion .seta-voltar-orion {
    margin-right: 8px;
    font-weight: bold;
    font-size: 26px;
    color:var(--cor-04);
}

#menu-orion #menu-title-orion {
    font-weight: bold;
    font-size: 18px;
    color: #fff ;
}

/* Menus e Submenus */
#menu-orion .menu-principal-orion,
#menu-orion .sub-menu-orion {
    list-style: none;
    padding: 0;
    margin: 0;
}

#menu-orion .menu-principal-orion li,
#menu-orion .sub-menu-orion li {
    border-bottom: 1px solid #eee;
}

#menu-orion .menu-principal-orion a,
#menu-orion .sub-menu-orion a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    color: #333;
    text-decoration: none;
    font-size: 16px;
}
#menu-orion .menu-principal-orion a:hover,
#menu-orion .sub-menu-orion a:hover {
    background:#dfdfdf!important;
}

#menu-orion .menu-submenu-orion a:hover{
    background:#dfdfdf!important;
}

#menu-orion .menu-principal-orion > li.menu-item-has-children > a::after {
    content: '▸';
    font-size: 18px;
}


/* Transição para Submenus */
#menu-orion .sub-menu-orion {
    display: none;
}

#menu-orion .menu-container-orion {
    position: relative;
    width: 100%;
    overflow: hidden;
}

#menu-orion .menu-container-orion > ul {
    width: 100%;
    transition: transform 0.4s ease;
}

#menu-orion .menu-container-orion.submenu-open > ul {
    transform: translateX(-100%);
}

/* Novo submenu */
#menu-orion .menu-submenu-orion {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    background: white;
    height: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    transition: transform 0.4s ease;
}
#menu-orion .menu-submenu-orion,
#menu-orion .menu-principal-orion {
    list-style: none;
    padding: 0;
    margin: 0;
}

#menu-orion .menu-submenu-orion li,
#menu-orion .menu-principal-orion li {
    border-bottom: 1px solid #eee;
}

#menu-orion .menu-submenu-orion a,
#menu-orion .menu-principal-orion a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    color: #333;
    text-decoration: none;
    font-size: 16px;
}

/* Ícone de setinha para filhos */
#menu-orion .menu-submenu-orion .menu-item-has-children > a::after,
#menu-orion .menu-principal-orion .menu-item-has-children > a::after {
    content: '▸';
    font-size: 18px;
}
/* Fundo escuro ao abrir o menu */
#menu-orion-overlay-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
}

#menu-orion-overlay-bg.active {
    opacity: 1;
    pointer-events: all;
}

/* Título animado */
#menu-orion #menu-title-orion {
    transition: transform 0.4s ease, opacity 0.4s ease;
    display: inline-block;
}

/* Botão hamburguer com rotação */
#menu-orion #menu-toggle-orion.open .hamburger-icon-orion {
    transform: rotate(90deg);
    transition: transform 0.4s ease;
}

/* Sombras em submenus */
#menu-orion .menu-submenu-orion {
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.2);
}

/* Hover nos itens */
#menu-orion .menu-principal-orion a:hover,
#menu-orion .menu-submenu-orion a:hover {
    background: #f2f2f2;
}

.orion-titulo{
    padding:20px;
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.orion-titulo .redes-sociais-orion{
    display:flex;
    gap:10px;
    color:#dfdfdf;
}
.orion-titulo .redes-sociais-orion a{
    color:#ccc;
    font-size:22px;
}
.orion-titulo .redes-sociais-orion a:hover{
    color:#333!important;
}
.orion-titulo .logo-square-orion{
}
.orion-titulo .logo-square-orion img{
    width:64px;
    opacity:.4;
}

#menu-orion .menu-principal-orion .sub-menu {
    display: none !important;
}






































.topo {
    background:white;
    z-index: 9
}
.topo .faixa-superior {
    display:flex;
    color:white;
    align-items: center;
    position:fixed;
    top:0;
    width: 100%;
    z-index: 8
}
.topo .faixa-superior div {
    padding:15px 0;
}
.topo .faixa-superior .texto{
    text-transform: uppercase;
    font-weight: 800;
    padding:20px;
}
.topo .faixa-superior .horarios{
    padding-left:20px;
}
.topo .faixa-superior .horarios span{
}
.topo .faixa-superior .horarios span b{
    margin-right:5px;
}
.topo .faixa-superior .horarios span:after{
    content:"|";
    margin:0 15px;
}
.topo .faixa-superior .horarios span:last-child:after{
    content:"";
    margin:0 15px;
}
.topo .faixa-superior .busca{
    margin-left:auto;
}


/*ÁREA DE PESQUISA*/
.topo .faixa-superior .busca .area-de-busca{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    background:rgba(0,0,0,.95);
    right:0;
    display: flex;
    justify-content: center;
    align-items: center;
    height:100dvh;
    cursor:default;
    display:none;
}
.topo .faixa-superior .busca .btn-pesquisar{
    background-color:var(--cor-04);
    padding:12px 15px;
    font-size:24px;
    cursor:pointer;
}
.topo .faixa-superior .busca .btn-pesquisar:hover{
    filter:brightness(1.2);
}
.topo .faixa-superior .busca .area-de-busca .fechar-pesquisa{
    position: absolute;
    bottom: 0;
    right: 15px;
    background: var(--cor-04);
    padding: 15px;
    font-size: 24px;
    cursor:pointer;
}
.topo .faixa-superior .busca .area-de-busca .fechar-pesquisa:hover{
    filter:sbrigtness(1.2);
}

.pesquisa-padrao input[type='search']{
    background:transparent;
    border:none;
    border-bottom:2px solid white;
    border-radius: 0;
    width:50vw;
    font-size:30px;
    padding-bottom:16px;
    color:white;
    outline:none;

}
.pesquisa-padrao input[type='search']::selection{
    background:var(--cor-04);
    color:white;
}


input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px var(--cor-00) inset !important;
    box-shadow: 0 0 0 1000px var(--cor-00) inset !important;
    -webkit-text-fill-color: var(--cor-05) !important;
    transition: background-color 9999s ease-out;
}

.box-lead input:-webkit-autofill {
    -webkit-text-fill-color: var(--cor-03) !important;
}

.pesquisa-padrao input[type='search']::-moz-selection{
    background:#48A500;
    color:white;
}

.pesquisa-padrao input::placeholder{
    color:#666;
}

.pesquisa-padrao button{
    color:#999;
    position: absolute;
    top:0;
    border:none;
    transition:all linear .2s;
}
.pesquisa-padrao button:hover{
    color: #fff;
}

.pesquisa-padrao button.btn-pesquisa{

}
.pesquisa-padrao button.btn-voz{

}
.pesquisa-padrao .status{
    position:absolute;
    right:-80px;
    color:#00ff4c;
}

.voiceSearch {
    position: relative;
    z-index: 1;
    overflow: visible;
}

/* Círculo pulsante atrás do ícone */
.pulse-circle {
    position: absolute;
    top: 50%;
    left: 62%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: #00ff4c;
    border-radius: 50%;
    box-shadow: 0 0 10px #00ff4c, 0 0 20px #00ff4c;
    opacity: 0.7;
    z-index: -1;
    transition: all 0.2s ease;
}

/* Ícone do microfone */
.voiceSearch .bi-mic {
    position: relative;
    z-index: 2;
    transition: color 0.3s ease;
}

/* Status de reconhecimento */
.pesquisa-padrao .status {
    margin-top: 5px;
    font-size: 12px;
}

/* Classe para microfone ativo */
.mic-active {
    color: #000000 !important;
    font-weight: bold;
}

.pesquisa-padrao .posiciona{
    position:absolute;
    right:0;
}
.pesquisa-padrao .posiciona .btn{
    font-size:1.5em;
    padding:0;
    padding-left:10px;
}

.voiceSearch{
    position:absolute!important;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

/*FIM ÁREA DE PESQUISA*/


.topo .faixa-logo{
    padding:30px 0;
    border-bottom:1px solid var(--cor-02);
    overflow: hidden;
    margin-top:56px;
}
.topo .faixa-logo img{
    height:90px;
    transition: height 0.3s ease;
}
.topo .faixa-logo .redes-sociais{
    text-align: right;
}
.topo .faixa-logo .redes-sociais a{
    font-size:28px;
    margin-left:15px;
}

.topo .menu-principal{
    padding:30px 0;
    border-bottom: 1px solid var(--cor-02);
}
.topo .menu-principal ul{
}
.topo .menu-principal ul li{
    display:inline;
}
.topo .menu-principal ul li a{
    color:var(--cor-03);
    text-transform: uppercase;
    font-weight: 800;
    margin-right: 30px;
}
.topo .menu-principal ul li a:hover{
    border-bottom-color:var(--cor-01)   ;
}
.topo .menu-principal ul li:last-child a{
    margin-right: 0px;
}
.topo .menu-principal .botoes-extras{
}
.topo .menu-principal .botoes-extras a{
    margin-right: 0;
    color:white;
    margin-left:5px;
}
.topo .menu-principal .botoes-extras ul li:last-child a{
    filter:hue-rotate(270deg)
}


/*BANNER PRINCIPAL*/
section.banner-principal{
    margin-top:0
}
section.banner-principal .carousel-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex!important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    padding: 20px;
    height: 100%;
    width: 100%;
}
section.banner-principal .carousel-caption h5{
    font-size: 32px;
}
section.banner-principal img.img-carrossel{
    height:60vh;
    object-fit: cover;
}
section.banner-principal img.logo-transparente{
    height:64px;
    margin-top:-70px;
    opacity:.3;
}
section.banner-principal .titulo-site{
    font-family: "Noto Serif", serif;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin:20px 0;
}
section.banner-principal h5.titulo-destaque{
    text-transform: uppercase;
    font-weight: 900;
    margin:15px 0;
    font-size:32px;
    width:50%;
}
section.banner-principal p.resumo-destaque{
    margin:0 0 40px 0;
    font-size:18px;
    width:50%;
}
section.banner-principal .carousel-indicators [data-bs-target]{
    width:15px;
    height:15px;
    border-radius: 50%;
}
section.banner-principal .carousel-caption{
    background:rgba(0,0,0,.5);
}
section.banner-principal .carousel-indicators{
    margin-bottom:2rem;
    bottom:20px;
}
/*FIM BANNER PRINCIPAL*/

/*BOAS VINDAS*/
section.boas-vindas{
}
section.boas-vindas h2{
    width:70%
}
section.boas-vindas p.breve-texto{
    width:80%;
    margin-bottom:5vh;
    line-height: 1.9;
    font-size: 16px;
}
section.boas-vindas .carrossel-wrapper .lista-chamadas .box-chamada img{
    height:198px;
    object-fit: cover;
}

section.boas-vindas .box-lead{
    box-shadow: 0 0 30px #f1f1f1;
}
section.boas-vindas .box-lead img{
    width:100%;
    height:35vh;
    object-fit: cover;
}
section.boas-vindas .box-lead form{
    padding:30px;
}
section.boas-vindas .box-lead p.explicacao-lead{
    padding: 30px 30px 0px 30px;
    font-family: 'Noto Serif';
    font-size: 24px;
}

/*FIM BOAS VINDAS*/

/*PASSAGEM RANDÔMICA*/
section.passagens-randomicas{
    background:var(--cor-15);
    padding:30px;
    font-family: "Noto Serif", serif;
}
section.passagens-randomicas h3{
    text-align: center;
    font-size:24px;
    margin:0 auto;
    width:70%;
    color:var(--cor-03);
    line-height: 1.4;
}
section.passagens-randomicas h4{
    text-align: center;
    font-size:20px;
    margin-top:30px;
    color:var(--cor-16);
    font-style: italic;
}
section.passagens-randomicas i{
    font-size:82px;
    color:var(--cor-16)
}
section.passagens-randomicas p:last-child i{
    transform:rotate(180deg);
    display:inline-block
}
/*FIM PASSAGEM RANDÔMICA*/

/*SEÇÃO CALENDÁRIO*/
section.calendario{
}

.botao-listar-todos-eventos{
    margin-top:60px;
}
section.calendario .box-calendario{
    display: flex;
    gap:25px;
    margin:35px 0;
}
section.calendario .box-calendario:last-child{
    margin-bottom:0;
}
section.calendario .box-calendario .data{
}
section.calendario .box-calendario .data .dia{
    font-size:25px;
    font-weight: 900;
}
section.calendario .box-calendario .data .mes{
}
section.calendario .box-calendario .titulo-calendario{
}
section.calendario .box-calendario .titulo-calendario h3{
    font-weight: 800;
}
section.calendario .box-calendario .titulo-calendario p{
    margin:8px 0;
}
section.calendario .box-calendario .titulo-calendario p.horario{
    font-weight: 800
}
section.calendario .box-calendario .botoes-de-acao-eventos{
    margin-top:20px;
    ;
}
section.calendario img{
    width:200px;
    height:200px;
    object-fit: cover;
}
.calendario-wrapper {
    margin: auto;
    width:100%;
    background:#fff;
    padding:15px;
    margin-top:60px;
    border-radius: 10px;
    border:1px solid #dfdfdf;
    box-shadow: 0 0 30px #dfdfdf;
}
.calendario-topo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}
.calendario-topo button {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
}
.cal-mes-ano {
    font-weight: bold;
    font-size: 18px;
}

.cal-cabecalho, .cal-dias {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
}
.cal-cabecalho div {
    font-size: 12px;
    font-weight: bold;
    color: #777;
    padding: 5px 0;
}

.cal-dias div {
    padding: 13px 0;
    position: relative;
    font-size:14px;
    font-weight: bold;
}
.cal-dias .bolinha {
    padding:0;
    width: 5px;
    height: 5px;
    background-color: var(--cor-04);
    border-radius: 50%;
    position: absolute;
    bottom: 2px;
    left: 51%;
    transform: translateX(-50%);
}

.tooltip-evento {
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 13px;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    z-index: 999;
    min-width: 200px;
}
.tooltip-evento p {
    margin: 0 0 4px 0;
}

.dia-calendario.hoje {
    color:white;
    background-color: var(--cor-03);
    border-radius: 50px;
    font-weight: bold;
}
.dia-calendario.hoje .bolinha {
    background:white;
}
.tooltip-link {
    color: var(--cor-04); /* ou outro tom que combine com o site */
    text-decoration: none;
}
.tooltip-link:hover {
    text-decoration: underline;
}

/* 1. Aplica cursor pointer apenas para dias com evento */
.dia-calendario .bolinha {
    pointer-events: none; /* bolinha não interfere no hover */
}

.dia-calendario:has(.bolinha) {
    cursor: pointer;
    outline:1px solid transparent;
    transition:all linear .3s;
}

/* 2. Ao passar o mouse, mostra outline vermelho só se tiver evento */
.dia-calendario:has(.bolinha):hover {
    outline: 1px solid #ccc;
    border-radius:50%;
    box-shadow:0 0 15px #f1f1f2;
}

#tooltip-evento .fechar-tooltip {
    position: absolute;
    top: -12px;
    right: 3px;
    font-size: 18px;
    font-weight: bold;
    color: var(--cor-03);
    cursor: pointer;
    background: var(--cor-05);
    padding: 1px 5px;
    border-radius: 50%;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px #ccc;
    transition:all linear .3s;
}
#tooltip-evento .fechar-tooltip:hover {
    color: var(--cor-05);
    background: var(--cor-04);
    border-color:#d94b52;

}


/*FIM SEÇÃO CALENDÁRIO*/


/*SEÇÃO DOAÇÃO*/
section.doacao{
    background:var(--cor-04);
    color:var(--cor-05);
    position:relative;
}
section.doacao .chave-pix{
    position:absolute;
    right:60px;
    top:60px;
}
section.doacao .chave-pix p{
    text-align: center;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform:uppercase;
}
section.doacao .chave-pix img{
    width:140px;
    aspect-ratio:1/1;
    object-fit: cover;
    padding:15px;
    background:white;
}
section.doacao img.img-destaque{
    position: relative;
    width: 100%;
    height: 50vh;
    object-fit: cover;
}
section.doacao button{
    margin-right:10px;
}
section.doacao .dados-bancarios{
    padding:10vh;
}
/*FIM SEÇÃO DOAÇÃO*/


/*SEÇÃO NOTICIAS*/
section.noticias{
}

section.noticias p.explicacao-noticia{
    width:50%
}

section.noticias .box-msg-biblica{
    padding: 30px;
    margin: 30px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
section.noticias .box-msg-biblica i{
    transform:rotate(180deg);
    font-size:44px;
    display:inline-block;
}
section.noticias .box-noticia{
    margin:30px 0
}
section.noticias .box-noticia a:hover {
    color: var(--cor-13)
}
section.noticias .box-noticia a:hover img {
    outline:1px solid var(--cor-13)
}
section.noticias .box-noticia img{
    width:100%;
    height:25vh;
    object-fit: cover;
}
section.noticias .row .col-xxl-4:nth-child(1) {
    padding-right:30px
}
section.noticias .row .col-xxl-4:nth-child(2) {
    display: flex;
    flex-direction: column-reverse;
    padding:0 15px;
    justify-content: flex-end
}
section.noticias .row .col-xxl-4:nth-child(3) {
    padding-left:30px
}
section.noticias .row .col-xxl-4:nth-child(2) .box-msg-biblica{
    margin-top:0
}
/*FIM SEÇÃO NOTICIAS*/

/*SEÇÃO GRUPOS*/
section.grupos{
}

section.grupos p.explicacao-grupos{
    width:50%
}

section.grupos .titulo-grupos{
    padding-bottom:15vh;
}
section.grupos .lista-chamadas{
    margin-top:-160px;
}
section.grupos .carrossel-wrapper .seta-esquerda,section.grupos .carrossel-wrapper .seta-direita {
    margin-top:-150px;
}
/*FIM SEÇÃO GRUPOS*/

/*SEÇÃO PARCEIROS*/
section.nossa-equipe{
}
/*FIM SEÇÃO PARCEIROS*/

/*SEÇÃO GALERIA DE FOTOS{}*/
.galeria-de-fotos {
    width: calc(100dvw - 22px);
    height: 100dvh;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-gap: 4px;
    padding: 4px;
}

.item {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter:grayscale(1) opacity(.42);
    transition:  all ease .3s;
}

.item img:hover {
    transform: scale(1.05);
    cursor: zoom-in;
    filter:grayscale(0) opacity(1);
}

/* Layout personalizado com grid-area */
.item1 {
    grid-area: 1 / 1 / 2 / 3;
}
.item2 {
    grid-area: 1 / 3 / 2 / 5;
}
.item3 {
    grid-area: 1 / 5 / 3 / 7;
}
.item4 {
    grid-area: 2 / 1 / 3 / 2;
}
.item5 {
    grid-area: 2 / 2 / 3 / 3;
}
.item6 {
    grid-area: 2 / 3 / 3 / 5;
}
.item7 {
    grid-area: 3 / 1 / 4 / 3;
}
.item8 {
    grid-area: 3 / 3 / 4 / 4;
}
.item9 {
    grid-area: 3 / 4 / 4 / 5;
}
.item10 {
    grid-area: 3 / 5 / 4 / 6;
}
.item11 {
    grid-area: 3 / 6 / 4 / 7;
}






.modal-galeria {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.85);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    padding: 20px;
    box-sizing: border-box;
}

.modal-galeria .modal-conteudo {
    position: relative;
    display: inline-block;
    max-width: 90vw;
    max-height: 90vh;
}

.modal-galeria img {
    position:relative;
    height:65vh;
    box-shadow: 0 0 30px rgba(0,0,0,0.6);
    pointer-events: none;
}

.fechar-modal {
    position: absolute;
    top: -15px;
    right: -15px;
    background: #fff;
    border: none;
    font-size: 30px;
    cursor: pointer;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
    z-index: 999;
    transition:all linear .3s;
}

.fechar-modal:hover {
    background:var(--cor-04);
    color:white;
}


.fechar-modal i{
    pointer-events: none;
}
















/*FIM SEÇÃO GALERIA DE FOTOS*/
section.rodape{
    margin-bottom:0;
    margin-top:7vh;
}
section.rodape iframe{
    width:100%;
}
section.rodape .card-dados-da-igreja {
    background:white;
    box-shadow: 0 0 30px #dfdfdf;
    border-bottom:20px solid var(--cor-03);
}
section.rodape .card-dados-da-igreja img.img-destaque-rodape{
    width:100%;
    height:30vh;
    object-fit: cover;
    background:white;
}
section.rodape .card-dados-da-igreja .box-dados-da-igreja{
    padding:25px 42px;
    word-break: break-word;
}
section.rodape .card-dados-da-igreja .box-dados-da-igreja p{
    font-family: "Noto Serif", serif;
    margin:20px 0;
}
section.rodape .card-dados-da-igreja .box-dados-da-igreja i{
    margin-right:10px;
}
section.rodape .rodape-inferior{
    margin-top:90px;
}
section.rodape .rodape-inferior ul li{
    margin:25px 0;
}
section.rodape .rodape-inferior ul li a{
    text-transform: capitalize;
    color:var(--cor-16)
}
section.rodape a:hover{text-decoration: underline;}

/*TEMPLATES*/
section.box-internas{
    border-bottom:2px solid #ccc
}

section.box-internas .explicacao-internas{
    width:50%;
}

.box-internas .box-ultimas-noticias {
    background-color: #f0f0f0;
    padding: 30px;
    margin-top: 5vh;
}
.box-internas .box-ultimas-noticias h1 {
    font-size:22px;
    margin-bottom:15px;
}
.box-internas .box-ultimas-noticias ul li a {
    color:#999;
    margin-top:15px;
    display:block;
}
.box-internas .box-ultimas-noticias ul li a:hover {
    text-decoration:underline;
    color:#333;
}

.box-internas .box-busca-post {
    margin:45px 0;
}
.box-internas .box-busca-post label {
    width:100%;
}
.box-internas .box-busca-post input {
    width:100%;
    padding:15px;
}
.box-internas .box-busca-post button {
    position:absolute;
    right:10px;
    top:10px;
    font-size:40px;
    border:none;
    background:none;
    color:#333;
}

.box-internas .box-instagram {
    border: 1px solid #dfdfdf;
    padding: 30px;
    margin-top: 3vh;
}
.box-internas .box-instagram iframe {
    min-width:auto!important;
    max-width:100%!important;
}
.box-internas .box-instagram h1 {
    font-size:22px;
    margin-bottom:15px;
}
.box-internas .box-instagram ul li a {
    color:#999;
    margin-top:15px;
    display:block;
}
.box-internas .box-instagram ul li a:hover {
    text-decoration:underline;
    color:#333;
}

.box-internas-2 {
    margin-top:10vh;
    margin-bottom:10vh;
}
.box-internas-2 .sutia {
    color:var(--cor-04);
    text-align: center;
}
.box-internas-2 .icones-compartilhamento {
    margin-top:30px;
}
.box-internas-2 blockquote p {
    width: 25vw;
    float: right;
    margin: 30px -150px 30px 30px;
    font-size: 24px;
    border-left: 5px solid #5BC514;
    padding-left: 35px;
    line-height: 1.4;
    font-weight: 500;
    color: #4d4d4d;
}

.box-internas-2 p{
    font-size:18px;
    line-height: 1.4
}

.resultado-de-pesquisa {
    padding-top:6vh;
    padding-bottom:15vh;
    background-color:#f9f9f9;
}
.resultado-de-pesquisa ul li {
    margin-bottom:60px;
}
.resultado-de-pesquisa ul li a {
    color:#333;
    font-weight: 800;
}
.resultado-de-pesquisa ul li a:hover {
    text-decoration:underline;
}
.resultado-de-pesquisa .search-results {
    margin-top:5vh;
}
.resultado-de-pesquisa .search-results a {
    color:var(--cor-04);
}
.resultado-de-pesquisa .search-results h4 {
    color:#4D4D4D;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 10px;
}
.resultado-de-pesquisa .search-results p {
    margin-bottom:10px;
    font-weight: 300;
}

.search-form {
    position:relative;
}
.search-form input {
    width:100%;
}
/*FIM TEMPLATES*/

/*INTERNAS*/
.breadcrumb-paginas-internas {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size:14px;
    color:white;
    background-color:#1a1a1a;
    padding:12px 0;
}
.breadcrumb-paginas-internas a {
    color:#898989;
}
.breadcrumb-paginas-internas a:hover {
    color:#f5bc00;
}

section.box-internas {
    margin:0;
    padding: 7vh 0;
    border-bottom: 35px solid #dfdfdf;
    background:#fcfcfc;
}
.box-internas .barra {
    color:var(--cor-03);
    margin-bottom:15px;
}

div.sutia p {
    font-style: italic;
    font-size:22px;
}

section.internas {
}
section.internas .imagem-topo-internas {
    height:35vh;
    background:#1E78B4 url('../img/bck-congresso-01.jpg');
    background-position: center;
    background-size:cover;
    background-repeat: no-repeat;
}
section.internas h1.titulo-das-internas {
    margin-top:8vh;
}
section.internas .conteudo-das-internas {
    margin-top:7vh;
}

section.box-internas.categoria {

}
section.box-internas.categoria .box-lista-post {
    transition:all linear .2s;
    background-color:white;
    color:black;
    margin-bottom:50px;
    padding:40px;
    box-shadow: 0 0 30px #dfdfdf;

}
section.box-internas.categoria.eventos .box-lista-post{
    display:flex;

}

section.box-internas.categoria.eventos .box-lista-post {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

section.box-internas.categoria.eventos .col-xxl-4 {
    display: flex;
    flex-direction: column;
}

section.box-internas.categoria.eventos .menu-principal {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    height: 100%;
}

section.box-internas.categoria.eventos .evento-item {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    padding: 60px;
    box-shadow: 0 0 30px #ccc;
    align-items: center;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    padding:170px 0;
    border-radius: 12px;
    transition: all linear .2s;
    outline:4px solid var(--cor-05);
}
section.box-internas.categoria.eventos .evento-item:hover {
    outline:4px solid var(--cor-02);
    box-shadow: 0 0 30px #999;
}

section.box-internas.categoria.eventos .explicacao-eventos {
    margin-bottom: 13vh;
}

section.box-internas.categoria.eventos .evento-item .conteudo-evento {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    z-index: 2;
}

section.box-internas.categoria.eventos .evento-item .conteudo-evento h6 {
    background:rgba(255,255,255,.8);
    padding:15px 5px;
    box-shadow: 5px 0 15px #fff;
    font-size:12px;
    position:absolute;
    top:0; 
    width:100%;
}

section.box-internas.categoria.eventos .evento-item .conteudo-evento p {
    margin-top: 10px;
}


section.box-internas.categoria.eventos .imagem-do-evento img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
}



section.box-internas.categoria.eventos .evento-item .data-evento {
    color:var(--cor-05);
    display: flex;
    font-size: 16px;
    font-weight: 900;
    gap:10px;
    position:absolute;
    z-index: 4;
    bottom:0;
}

section.box-internas.categoria.eventos .evento-item .data-evento div{
    background:rgba(255,255,255,.8);
    padding:15px 20px;
    font-family: "Noto Serif", serif;
    color:var(--cor-03);
}
section.box-internas.categoria.eventos .evento-item .data-evento div span{
    font-size: 9px;
    display: block;
    margin-top: 5px;
    font-family: 'Noto Sans';
    letter-spacing: 1px;
    font-weight: 500;
}


section.box-internas.categoria.eventos .evento-item .data-evento .dia {
}

section.box-internas.categoria.eventos .evento-item .data-evento .mes {
}


section.box-internas.categoria .box-lista-post.grupos{
}

section.box-internas.categoria .box-lista-post.grupos img{
    width:64px;
    height:auto;
    aspect-ratio:1/1;
    margin-bottom:30px;
}


section.box-internas.categoria .box-lista-post:hover {
    box-shadow: 0px 0px 15px #999;
}

section.box-internas.categoria .box-lista-post .resumo-noticia {
    margin-top:1vh;
    line-height: 1.4em;
}
section.box-internas.categoria .box-lista-post .texto-artigo-principal {
    font-size:20px;
    line-height: 1.4em;
}

section.box-internas h1.titulo {
    font-size:42px;
    font-weight:800;
    line-height: 1;
    width:90%;
}
section.box-internas .sutia {
    margin:1vh 0 3vh 0;
    font-size:26px;
    line-height: 1.2;
    font-weight: 400;
    color:#555;
}
section.box-internas .conteudo p{
    width:80%;
    font-size:18px;
    line-height: 32px;
    font-weight: 400;
    color:#000;
}
section.box-internas .conteudo p {
    margin-bottom: 3vh;
}
section.box-internas .conteudo div {
    max-width: 100%;
}
section.box-internas .conteudo img {
    max-width: 100%;
}
section.box-internas .publicacao {
    margin-bottom: 3vh;
    margin-top:2vh;
    font-size:14px;
    line-height: 1.3;
}



/*INTENA GRUPO*/
.responsavel-grupo {
    background: #f8f9fa; /* fundo bem clarinho */
    border: 1px solid #dee2e6; /* borda suave */
    border-radius: 8px; /* cantos arredondados */
    font-size: 14px;
    color: #495057;
    text-align: center;
}

.responsavel-grupo p {
    margin-bottom: 0;
}

.box-lista-post.grupos {
    background: #ffffff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}


.box-lista-post img.logo-transparente {
    object-fit: contain;
    height: 250px;
}
section.box-internas.categoria .box-lista-post.grupos img{
    width:64px;
}
/*FIM INTENA GRUPO*/


/*INICIO INTERNAS MEMBROS*/
section.box-internas.categoria .membros {
    position:relative;
}
section.box-internas.categoria .membros .dados-do-membro {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(255,255,255,.9);
    padding: 25px 30px 60px 30px;

}
section.box-internas.categoria .membros img{
    width:100%;
    height:70vh;
    aspect-ratio:1/2;
    margin-right:40px;
    object-fit: cover;
    padding:15px;
    background:white;
    box-shadow: 0 0 15px #dfdffd;
}

/*FIM INTERNAS MEMBROS*/





/*FIM INTERNAS*/

.rodape-fechamento .endereco{
    text-align: right;
}

.dica-mobile-arrasta{
    display:none
}
.nossa-equipe .nossos-membros-box p{
    width:50%
}
.rodape .explicacao-da-localizacao{
    width:50%
}

.resultado-de-pesquisa{
    margin:0;
    padding-top:4vh;
    padding-bottom:8vh;
}
.resultado-de-pesquisa .post-title{
    margin-bottom:7vh;
    line-height: 1.3em;
    padding-bottom:6vh;
}

.box-internas{
}
.box-internas ul, .box-internas-2 ul {
    line-height: 2em;
    margin-bottom:30px;
    margin-top:30px;
}
.box-internas ul li,  .box-internas-2 ul li{
    list-style: disc;
    font-size:18px;
    margin-left:20px;
}
.box-internas ul li{
}
.box-internas .pesquisa-padrao .posiciona .btn-voz{
    display:none;
}
.box-internas .box-busca-post div{
    display:block!important;
}
.box-internas .box-busca-post input{
    font-size:14px;
    width:100%;
    background:#f1f1f1;
    color:#333;
}
.box-internas .box-busca-post button{
    top:7px;
}
.box-internas-2 .box-busca-post button{
    top:7px;
}
section.box-internas-2 {
    margin: 0;
    padding: 7vh 0;
    border-bottom: 35px solid #dfdfdf;
    background: #fcfcfc;
}
section.box-internas-2 p {
    font-size:18px;
    line-height: 32px;
}

.efeito-hover:hover{
    color:var(--cor-04)!important;
}

.wp-block-image :where(figcaption){
    color: var(--cor-03);
    font-size: 12px;
    line-height: 1.2;
    font-style: italic;
    letter-spacing: .5px;
}
section.box-internas .icones-compartilhamento a, section.box-internas-2 .icones-compartilhamento a{
    color:var(--cor-03);
}
section.box-internas .icones-compartilhamento a:hover, section.box-internas-2 .icones-compartilhamento a:hover{
    color:var(--cor-04);
}
section.box-internas a, section.box-internas-2 a{
}
section.box-internas a:hover, section.box-internas-2 a:hover{
}
section.box-internas .noticias-em-destaque-internas {
    display:flex;
    flex-wrap: wrap;
    gap:15px;
    margin-top:60px;
}
section.box-internas .noticias-em-destaque-internas .box-chamada{
    flex: 0 0 calc(50% - 7.5px);
}
section.box-internas .noticias-em-destaque-internas .box-chamada img{
    width:50%;
    height:auto;
    aspect-ratio:1/1;
    object-fit: cover;
}
section.box-internas {
    word-break: break-word;
}
section.box-internas-2 {
    word-break: break-word;
}
.explicando-doacoes{
    width:50%;
}

/*MEDIA QUERIES*/
@media screen and (max-width: 991px) {

    .explicando-doacoes{
        width:100%;
    }

    .lar-10, .lar-20, .lar-25, .lar-30, .lar-50, .lar-70{
        width:100%
    }
    #menu-orion #menu-toggle-orion{
        font-size: 20px;
        padding: 15px 36px 15px 13px;
        width:50px;
    }

    .p-materias-mobile{
        padding:0 15vw;
    }

    img.alignright, img.alignleft{
        margin:40px 0 ;
        width:100%;
    }
    .resultado-de-pesquisa{
        padding:60px;
    }
    section.box-internas .conteudo p{
        width:100%;
    }
    .pesquisa-padrao input[type='search']{
        width:80dvw;
        font-size:20px;
    }
    section.box-internas.categoria .box-lista-post{
        margin-bottom:0
    }
    section.box-internas.categoria{
        padding:40px;
    }
    .rodape .explicacao-da-localizacao{
        width:100%
    }
    .nossa-equipe .nossos-membros-box p{
        width:100%
    }
    .calendario-wrapper{
        margin-bottom:5vh;
    }
    #menu-orion #menu-toggle-orion{
        background:var(--cor-04);
        color:var(--cor-05)
    }
    .topo .faixa-superior .busca .area-de-busca .fechar-pesquisa{
        right:0;
    }
    .dica-mobile-arrasta {
        display: block;
        width: calc(100% - 85px);
        position: absolute;
        text-align: center;
        margin-top: -190px;
        pointer-events: none;
        left: 0px;
        opacity: 0;
        transition: left 0.7s ease-out, opacity 0.7s ease-out;
    }

    .dica-mobile-arrasta.visivel {
        left: 37px;
        opacity: 1;
    }

    .dica-mobile-arrasta.sair {
        left: 67px;
        opacity: 0;
        transition: left 0.7s ease-in, opacity 0.7s ease-in;
    }


    section.boas-vindas .carrossel-wrapper .lista-chamadas .box-chamada img{
        background:black;
        opacity:.7
    }

    .dica-mobile-arrasta img{
        width:64px!important;
    }

    .rodape-fechamento .endereco{
        text-align: center;
        margin-top:15px;
    }


    .carrossel-wrapper .lista-chamadas{
        overflow-x: auto;
    }

    .carrossel-wrapper .lista-chamadas .box-chamada {
        flex: 0 0 calc(85% / var(--itens-visiveis-mobile));
        max-width: calc(85% / var(--itens-visiveis-mobile));
    }

    .carrossel-wrapper .seta-direita {
        display:none;
    }
    .carrossel-wrapper .seta-esquerda {
        display:none;
    }



    section.banner-principal p.resumo-destaque{
        margin:0 0 20px 0
    }

    h2{
        font-size:32px;
    }

    section{
        margin:10vh 0
    }

    .topo .faixa-superior .texto{
        font-size:14px;
        padding:19px;
    }
    .topo .faixa-superior{
        width:100dvw;
    }
    .faixa-superior .horarios {
        display: flex;
        flex-wrap: nowrap; /* evita quebra de linha */
        overflow-x: auto;   /* adiciona rolagem horizontal se necessário */
        gap: 10px;          /* espaçamento entre os horários */
        padding: 5px 10px;
        white-space: nowrap;
        font-size: 14px;
        align-items: center;
        cursor:grab;
    }
    .faixa-superior .horarios::-webkit-scrollbar {
        display: none;
    }

    .topo .faixa-superior .busca .btn-pesquisar{
        padding:14px;
    }
    .topo .faixa-superior .busca .btn-pesquisar{
        font-size:18px;
    }
    .topo .faixa-logo .redes-sociais{
        display:none;
    }
    .topo .menu-principal{
        display:none;
    }
    .banner-principal h2{
        font-size:22px;
        width:80%;
    }
    section.banner-principal p.resumo-destaque{
        width:95%;
        font-size:12px;
    }
    section.banner-principal img.logo-transparente{
        height:28px;
    }
    .topo .faixa-logo img{
        height:60px;
        margin-left: 12px;
    }
    .botao{
        padding:10px 25px;
        font-size:12px;
    }

    section.boas-vindas, section.calendario{
        padding:0 30px;
    }
    section.boas-vindas .box-lead{
        margin-top:40px;
    }

    section.calendario .box-calendario{
        display: block;
        padding: 30px;
        background: white;
        border: 1px solid #dfdfdf;
        box-shadow: 0 15px 15px #dfdfdf;
    }
    section.calendario img{
        aspect-ratio: 1 / 1;
        height: auto;
        margin-left: -30px;
        margin-top: -30px;
        width: calc(100% + 60px);

    }
    section.calendario .box-calendario .data {
        position: absolute;
        margin-left: -30px;
        margin-top: -30px;
        background: white;
        padding: 15px;
        text-align: center;
        box-shadow: 7px 7px 15px rgba(0,0,0,.3);
    }
    .lista-calendario{
        margin-top:60px;
    }
    .tooltip-evento{
        min-width: auto;
        width:100px;
    }
    section.calendario .box-calendario .titulo-calendario h3{
        font-size:20px;
        margin-top:25px;
    }
    section.doacao .dados-bancarios{
        padding:40px;
    }
    section.doacao .dados-bancarios h2, section.doacao .dados-bancarios h6 {
        width:50%
    }
    section.doacao .chave-pix img{
        width:120px;
        padding:10px;
    }
    section.doacao .lista-chaves{
        display: inline-grid;
        gap:20px;
    }
    section.doacao .lista-chaves button{
        flex-shrink: 0; /* impede que o botão seja espremido */
        min-width: 120px; /* ajuste conforme necessário */
        white-space: nowrap;
    }
    section.noticias p.explicacao-noticia{
        width: 80%;
    }
    section.noticias{
        padding:0 30px;
    }
    section.noticias .row .col-xxl-4:nth-child(1){
        padding-right:15px;
    }
    section.noticias h2, section-noticias h6{
        text-align: center;
    }
    section.noticias .box-msg-biblica{
        display:none;
    }
    section.noticias .row .col-xxl-4:nth-child(3){
        padding-left:15px;
    }
    section.grupos p.explicacao-grupos{
        width:75%
    }
    .carrossel-wrapper .lista-chamadas{
    }
    .nossa-equipe .nossos-membros-box{
        padding:0 30px;
    }
    .nossa-equipe .padding-vertical-90{
        padding:60px 0;
    }
    .nossa-equipe .lista-chamadas{
        gap:30px;
        padding:0 30px;
    }
    .nossa-equipe .carrossel-wrapper .carrossel-paginacao{
        display:none;
    }
    .galeria-de-fotos{
        width:100dvw;
    }
    .modal-galeria img{
        width:100%;
        object-fit: cover;
    }
    section.rodape {
        margin-bottom: 0;
        padding: 0 30px;
    }
    section.rodape .card-dados-da-igreja{
        margin-top:60px;
    }
    section.rodape .rodape-inferior {
        margin-top: 90px;
        margin-left: -30px;
        margin-right: -30px;
        padding: 60px 30px;
    }
    .rodape-fechamento {
        text-align: center;
    }

    section.grupos .carrossel-wrapper .lista-chamadas{
        gap:0
    }

    .menu-hamburguer{
        width:80dvw;
        left:-80dvw;
    }
    #menu-orion #menu-toggle-orion.open{
        left:280px;
    }
    #menu-orion #menu-overlay-orion{
        width:280px;
    }
    section.banner-principal .titulo-site{
        font-size:10px;
    }
    section.banner-principal p.resumo-destaque{
        font-size:12px;
    }

    .menu-hamburguer-mobile{
        display:block;
        margin-right:15px;
        color:var(--cor-04);
        font-size:36px;
    }

    section.calendario .box-calendario .botoes-de-acao-eventos{
        text-align: center;
    }
    section.calendario .box-calendario .botoes-de-acao-eventos a{
        width:100%;
        margin-top: 10px
    }
    .botao-listar-todos-eventos{
        margin-top:30px;
    }
    section.doacao .chave-pix{
        right:40px;
        top:40px;
    }
    section.doacao .chave-pix p{
        font-size:12px;
    }
    section.doacao .chave-pix img{
        width:100px;
    }
    section.doacao .lista-chaves{
        display: grid;
    }

    section.doacao button{
        margin-right: 0;
    }
    .btn7me{
        width:100%;
        text-align: center;
    }
    section.noticias .box-noticia{
        margin: 30px 0;
        background: white;
        padding: 30px;
        box-shadow: 0 0 15px #dfdfdf;
    }
    .botao-saiba-mais-noticias{text-align: center;}
    .carrossel-wrapper .lista-chamadas .box-chamada .card-wrapper{padding:30px;}
    .grupos h4{font-size:18px;}
    section.passagens-randomicas i{font-size:44px;}
    section.passagens-randomicas h3{font-size:18px;}
    section.passagens-randomicas h4{font-size: 16px;}
    .creditos{text-align: center;}

}

@media (min-width: 992px) and (max-width:1199px) {

}
@media (min-width: 1200px) and (max-width:1399px) {

}

@media (min-width: 1400px){
    section.rodape{
        margin-top:10vh;
    }
}
