/* ===========================
   TUCTVC HOME 2026
=========================== */

:root{
    --tuctvc-blue:#0A2342;
    --tuctvc-gold:#D4AF37;
    --tuctvc-green:#0B5D2A;
    --tuctvc-light:#F8F9FA;
}

.hero-tuctvc{
    min-height:750px;
    display:flex;
    align-items:center;
    background:
    linear-gradient(
    135deg,
    #0A2342 0%,
    #123A6D 40%,
    #ffffff 100%);
    overflow:hidden;
    position:relative;
}

.hero-tuctvc:before{
    content:'';
    position:absolute;
    width:500px;
    height:500px;
    border-radius:15px;
    background:rgba(212,175,55,.08);
    right:-100px;
    top:-100px;
}

.hero-content{
    position:relative;
    z-index:10;
}

.hero-subtitle{
    color:var(--tuctvc-gold);
    text-transform:uppercase;
    letter-spacing:4px;
    font-weight:600;
}

.hero-title{
    font-size:4rem;
    font-weight:700;
    color:white;
    line-height:1.1;
    margin:20px 0;
}

.hero-text{
    color:white;
    font-size:1.3rem;
    margin-bottom:30px;
}

.hero-image{
    max-height:700px;
    width:auto;
}

.btn-tuctvc{
    background:var(--tuctvc-gold);
    color:#fff;
    border:none;
    padding:15px 30px;
    border-radius:15px;
    font-weight:600;
}

.btn-tuctvc:hover{
    background:#c89a1d;
    color:white;
}

.site-navbar .row{
    margin-left:0;
    margin-right:0;
	 min-height:70px;
}

.site-navigation{
    padding-left:0;
}
/* ===========================
   FOTO DO CONGÁ
=========================== */
.welcome-section{
    padding:100px 0;
    background:#fff;
}

.welcome-photo{
    border-radius:15px;
    box-shadow:0 4px 20px rgba(0,0,0,.08);
}

.welcome-title{
    color:var(--tuctvc-blue);
    font-size:2.5rem;
    margin-bottom:30px;
}

.welcome-text{
    font-size:1.1rem;
    line-height:1.9;
}
/* ===========================
   CARDS PRIMEIRA VISITA
=========================== */
.visit-card{
    background:#fff;
    padding:30px;
    border-radius:15px;
    box-shadow:0 4px 20px rgba(0,0,0,.08);
    transition:.3s;
    height:100%;
}

.visit-card:hover{
    transform:translateY(-8px);
}

.visit-icon{
    font-size:50px;
    color:var(--tuctvc-gold);
}
/* ===========================
   WHATSAPP FLUTUANTE
=========================== */
.whatsapp-float{
    position:fixed;
    right:25px;
    bottom:25px;
    z-index:9999;
    width:70px;
    height:70px;
    border-radius:15px;
    background:#25D366;
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
    font-size:30px;
    box-shadow:0 4px 20px rgba(0,0,0,.08);
}
/* ===========================
   BANNER
=========================== */
.hero-home2026{
    position:relative;
    height:430px;
	margin-bottom:8px;
    background-image:url('../images/banner-home.webp');
    background-size:cover;
    background-position:center -60px;
    background-repeat:no-repeat;
	overflow:hidden;
}

.hero-overlay{
    position:relative;
    width:100%;
    height:100%;
}

.hero-logo{
    height:150px;
    width:auto;
    margin-bottom:0;
	filter:
        drop-shadow(0 0 8px rgba(212,175,55,.8))
        drop-shadow(0 0 20px rgba(212,175,55,.5));
}

.hero-texto{
    position:absolute;
    top:45%;
    right:80px;
    transform:translateY(-60%);
    width:700px;
    text-align:center;
}


.hero-texto h1{
    color:#ffffff;
    font-size:30px;
    font-weight:700;
    line-height:1.1;

    text-shadow:2px 2px 12px rgba(0,0,0,.8);
}

.hero-texto h2{
    margin-top:15px;

    color:#b8d96a;

    font-size:25px;
    font-style:italic;

    text-shadow:2px 2px 12px rgba(0,0,0,.8);
}

.hero-texto p{
    margin-top:15px;

    color:#ffffff;

    font-size:18px;
    line-height:1.5;

    text-shadow:2px 2px 10px rgba(0,0,0,.8);
}

.hero-buttons{
    position:absolute;

    bottom:15px;
    left:70%;

    transform:translateX(-50%);

    display:flex;
    gap:15px;
}

.hero-buttons .btn{
    padding:14px 30px;
    font-size:18px;
    font-weight:600;
}
.logo-header{
    height:40px;
    width:auto;
}

.hero-titulo{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    margin-bottom:20px;
}
/* ===========================
   TABLET
=========================== */
@media (min-width:768px) and (max-width:991px){

    .hero-home2026{
        height:700px;
        background-size:contain;
        background-position:center center;
        background-repeat:no-repeat;
		margin-top:0;
    }

    .hero-texto{
        width:400px;
        right:10px;
		top:45%;
		transform:translateY(-45%);
    }

    .hero-texto h1{
        font-size:1.5rem;
    }

    .hero-texto h2{
        font-size:1rem;
    }

    .hero-texto p{
        font-size:0.8rem;
    }

 .hero-logo{
        height:90px;
        margin-bottom:0px;
    }
}
@media (min-width:768px) and (max-width:991px){

    .hero-buttons{
        position:absolute;
        bottom:15px;
        left:70%;
        transform:translateX(-50%);
		top:70%;
        width:90%;
        bottom:165px;
        display:flex;
        justify-content:center;
        gap:10px;
    }

    .hero-buttons .btn{
        padding:10px 15px;
        font-size:15px;
    }

}
  

/* ===========================
   CELULAR
=========================== */
@media (max-width:767px){

    .hero-home2026{
        height:auto;
        min-height:700px;
        background-size:cover;
        background-position:left center;
    }

    .hero-overlay{
        display:flex;
        justify-content:center;
        align-items:flex-end;
    }

    .hero-texto{
        position:relative;
        top:20%;
        right:auto;
        transform:translateY(-20%);
        width:90%;
        margin:40px auto 120px auto;
        background:rgba(0,0,0,.40);
        padding:20px;
        border-radius:15px;
        backdrop-filter:blur(4px);
    }

    .hero-logo{
        height:70px;
    }

    .hero-texto h1{
        font-size:28px;
        line-height:1.2;
    }

    .hero-texto h2{
        font-size:18px;
        margin-top:15px;
    }

    .hero-texto p{
        font-size:16px;
        margin-top:15px;
    }

    .hero-buttons{
        position:absolute;
        left:50%;
        bottom:20px;
        transform:translateX(-50%);
        flex-direction:column;
        width:85%;
    }

    .hero-buttons .btn{
        width:100%;
        font-size:16px;
        padding:12px;
    }

    .logo-header{
        height:45px;
    }
	
	 .hero-titulo{
        flex-direction:column;
        gap:10px;
    }

    .hero-logo{
        height:70px;
    }
}


html,
body{
    overflow-x:hidden;
}
.section-heading{
    margin-bottom:20px !important;
}
/* =======================================
   CARDS HOME
======================================= */
.home-destaques .container{
    max-width:1700px;
}

.home-destaques{
    padding:25px 0;
}

.home-destaques .col-lg-4{
    margin-bottom:25px;
}

.card-destaque{
    position:relative;
    overflow:hidden;
    border-radius:15px;
    box-shadow:0 4px 20px rgba(0,0,0,.08);
    aspect-ratio:1200/700;
    background:#fff;
}

.card-destaque img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.5s;
}

.card-destaque:hover img{
    transform:scale(1.08);
}

.overlay-card{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:20px;
    color:#fff;

    background:linear-gradient(
        to top,
        rgba(0,0,0,.90),
        rgba(0,0,0,.10)
    );
}

.overlay-card h4{
    color:#fff;
    font-size:20px;
    font-weight:700;
    margin-bottom:10px;
}

.overlay-card p{
    color:#fff;
    font-size:14px;
    line-height:1.3;
    margin-bottom:15px;
}

.btn-card{
    display:inline-block;
    background:var(--tuctvc-green);
    color:#fff;
    padding:8px 18px;
    border-radius:15px;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
}

.btn-card:hover{
    background:#d4a017;
    color:#fff;
    text-decoration:none;
}

.card-home-imagem{
    width:100%;
    height:auto;
    border-radius:15px;
}
/* =======================================
   AGENDA
======================================= */
.agenda-home{
    background:#f7f7f2;
    padding:20px 0;
}

.titulo-agenda{
    color:var(--tuctvc-green);
    font-size:28px;
    margin-bottom:20px;
    font-weight:700;
	margin-top:0px;
}

.agenda-card{
    background:#fff;
    border-radius:15px;
    padding:10px;
    box-shadow:0 4px 20px rgba(0,0,0,.08);
    text-align:center;
    height:190px;
}

.agenda-data{
    font-size:22px;
    font-weight:700;
    color:#D4AF37;
    margin-bottom:10px;
}

.agenda-card h5{
    font-weight:700;
    margin-bottom:5px;
}

.agenda-card p{
    margin:0;
    color:#666;
}
/* =======================================
   CAIXA HORÁRIO
======================================= */
.horario-box{
    background:#fff;
    border-radius:15px;
    padding:15px;
    box-shadow:0 4px 20px rgba(0,0,0,.08);
    height:190px;
	margin-top:50px;
}

.horario-box h3{
    color:var(--tuctvc-green);
    margin-bottom:10px;
    font-size:25px;
	text-align:center;
}

.horario-box h4{
    color:var(--tuctvc-green);
    font-size:20px;
    font-weight:700;
    margin-bottom:10px;
	text-align:center;
}

.horario-box p{
    font-size:18px;
    margin-bottom:0;
	text-align:center;
}

.horario-box .col-6:first-child{
    border-right:1px solid #ddd;
}

/* ======================================
   DIRIGENTE + CONTADORES
====================================== */

.dirigente-section{
    padding:35px 0;
    background:#f5f5f2;
	padding-top:15px;
    padding-bottom:20px;
}

.stat-item:hover{
    transform:translateY(-5px);
}

.stat-icon{
    font-size:30px;
    color:#D4AF37;
    margin-bottom:10px;
}

.stat-item span{
    display:block;
    font-size:38px;
    font-weight:700;
    color:var(--tuctvc-green);
    line-height:1;
}

.stat-item{
    background:#fff;
    border-radius:15px;
    padding:15px 10px;
    text-align:center;
    box-shadow:0 4px 20px rgba(0,0,0,.08);
    height:100%;
    transition:.3s;
}

.stat-item:hover{
    transform:translateY(-4px);
}

.stat-icon{
    font-size:30px;
    color:#D4AF37;
    margin-bottom:8px;
}

.stat-item span{
    display:block;
    font-size:26px;
    font-weight:700;
    color:var(--tuctvc-green);
    line-height:1.2;
}

.stat-item p{
    margin-top:8px;
    margin-bottom:0;
    color:#666;
    font-size:14px;
}

.dirigente-box{
    background:#fff;
    border-radius:15px;
    padding:30px;
    box-shadow:0 4px 20px rgba(0,0,0,.08);
}

.foto-dirigente{
    width:230px;
    height:230px;
    object-fit:cover;
   border-radius:15px;
    border:5px solid var(--tuctvc-gold);
}

.dirigente-box h2{
    color:var(--tuctvc-green);
    font-size:32px;
    font-weight:700;
    margin-bottom:10px;
}

.dirigente-box h4{
    color:#d4af37;
    font-weight:600;
    margin-bottom:20px;
}

.dirigente-box p{
    color:#555;
    line-height:1.8;
    text-align:left;
}


@media(max-width:768px){

    .foto-dirigente{
        width:180px;
        height:180px;
        margin-bottom:25px;
    }

    .dirigente-box{
        padding:25px;
    }

    .dirigente-box h2{
        font-size:26px;
        text-align:center;
    }

    .dirigente-box h4{
        text-align:center;
    }
}
/* =======================================
   GUIAS
======================================= */
.guias-section{
    padding:20px 0;
    background:#ffffff;
}

.guia-card{
    background:#fff;
    border-radius:15px;
    padding:25px;
    box-shadow:0 4px 20px rgba(0,0,0,.08);
    height:100%;
}

.guia-img{
    width:100%;
    height:300px;
    object-fit:cover;
    border-radius:15px;
    margin-bottom:20px;
}

.guia-card h2{
    color:var(--tuctvc-green);
    font-weight:700;
    margin-bottom:15px;
}

.guia-destaque{
    color:#D4AF37;
    font-style:italic;
    font-size:1.15rem;
    line-height:1.7;
    margin-bottom:20px;
}

.guia-card .btn{
    margin-top:auto;
}
/* ======================================
   EVANGELHO + ARTIGOS
====================================== */

.conteudo-home{
    padding:20px 0;
	 background:#f3f4f1;
}

.home-box h3 i{
    color:#d4af37;
    margin-right:10px;
    font-size:28px;
	}

.home-box{
    background:#fff;
    border-radius:15px;
    padding:20px;
    box-shadow:0 4px 20px rgba(0,0,0,.08);
   
	min-height:300px;
}

.home-box h3{
    color:var(--tuctvc-green);
    font-weight:700;
    margin-bottom:20px;
}

.home-box h5{
    color:#d4af37;
    margin-bottom:15px;
}

.home-box p{
    line-height:1.8;
}

.home-box .btn{
    margin-top:10px;
}

.home-box .card{
    transition:.3s;
}

.home-box .card:hover{
    transform:translateY(-5px);
}

.home-box .card h6{
    color:var(--tuctvc-green);
    font-weight:600;
    line-height:1.4;
}

.home-box .card a{
    text-decoration:none;
}

.home-box .card img{
    height:180px;
    width:100%;
    object-fit:cover;
}


/* ======================================
   BOTÃO TUCTVC
====================================== */

.tuctvc-btn{

    display:inline-block;

    background:var(--tuctvc-green);

    color:#fff !important;

    padding:12px 25px;

    border-radius:15px;

    font-weight:600;

    text-decoration:none;

    transition:.3s;
}

.tuctvc-btn:hover{

    background:var(--tuctvc-gold);

    color:#081C3A !important;

    text-decoration:none;
}

.btn-success{
    background:var(--tuctvc-green);
    border-color:var(--tuctvc-green);
}

.btn-success:hover{
    background:#08451f;
    border-color:#08451f;
}

.btn-warning{
    background:var(--tuctvc-gold);
    border-color:var(--tuctvc-gold);
    color:var(--tuctvc-blue);
    font-weight:600;
}

.btn-warning:hover{
    background:#c49b24;
    border-color:#c49b24;
    color:var(--tuctvc-blue);
}

.titulo-agenda,
.dirigente-box h2,
.guia-card h2,
.home-box h3{
    color:var(--tuctvc-green);
}

.stat-icon,
.footer-social a,
.home-box h3 i{
    color:var(--tuctvc-gold);
}


/* ==========================
   TITULO INTERNO
========================== */
.titulo-secao{
    color:var(--tuctvc-green);
    font-size:54px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:15px;
}

.titulo-secao i{
    color:var(--tuctvc-gold);
    margin-right:12px;
}

.titulo-secao::after{
    content:'';
    display:block;
    width:100px;
    height:4px;
    background:var(--tuctvc-gold);
    margin-top:12px;
    border-radius:20px;
}

/* ==========================================
   TUCTVC DESIGN SYSTEM 2026
   Tenda de Umbanda Caboclo Tupinambá e Vó Catarina
========================================== */

/* ==========================================
   01 - VARIÁVEIS GLOBAIS
========================================== */

:root{
    --tuctvc-blue:#0A2342;
    --tuctvc-gold:#D4AF37;
    --tuctvc-green:#0B5D2A;
    --tuctvc-light:#F8F9FA;

    --radius:15px;

    --shadow:
        0 4px 20px rgba(0,0,0,.08);

    --transition:.3s;
}

/* ==========================================
   02 - ELEMENTOS GLOBAIS
========================================== */

html,
body{
    overflow-x:hidden;
}

img{
    max-width:100%;
}

.section-heading{
    margin-bottom:20px !important;
}


/* ==========================================
   03 - COMPONENTES PADRÃO TUCTVC
========================================== */

/* Títulos */
.tuctvc-title{
    color:var(--tuctvc-green);
    font-size:30px;
    font-weight:700;
    margin-bottom:15px;
}

.tuctvc-title-middle{
    color:var(--tuctvc-green);
    font-size:30px;
    font-weight:700;
    margin-bottom:15px;
}

.tuctvc-title i{
    color:var(--tuctvc-gold);
    margin-right:12px;
}

.tuctvc-title::after{
    content:'';
    display:block;
    width:100px;
    height:4px;
    background:var(--tuctvc-gold);
    margin-top:12px;
    border-radius:20px;
}

/* Subtítulos */

.tuctvc-subtitle{
    color:var(--tuctvc-gold);
    font-size:1.3rem;
    font-style:italic;
}

/* Título Decorado */
.titulo-decorado{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    margin-bottom:40px;
}

.titulo-decorado h2{
    color:var(--tuctvc-green);
    font-weight:700;
    margin:0;
}

.titulo-decorado .linha{
    width:120px;
    height:2px;
    background:var(--tuctvc-gold);
}

.titulo-decorado i{
    color:var(--tuctvc-gold);
    font-size:18px;
}

/* Título Histórico */
.titulo-historico{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    margin-bottom:40px;
}

.titulo-historico span{
    width:120px;
    height:2px;
    background:#D4AF37;
}

.titulo-historico i{
    color:#D4AF37;
    font-size:22px;
}

.titulo-historico h2{
    color:#0B5D2A;
    margin:0;
    font-weight:700;
}

/* Cards */

.tuctvc-card{
    background:#fff;
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    padding:25px;
}

/* Imagens */

.tuctvc-img{
    border-radius:var(--radius);
    box-shadow:var(--shadow);
}

.foto-historica{
    width:100%;
    max-width:300px;
    height:auto;
    border-radius:15px;
    border:4px solid var(--tuctvc-gold);
    box-shadow:0 4px 20px rgba(0,0,0,.08);
}

.historia-row{
    align-items:center;
}
/* Seção Cinza */

.tuctvc-section-light{
    background:#f5f5f2;
    padding:40px 0;
	margin-top:0;
}
/* ==========================================
   04 - BOTÕES
========================================== */

.tuctvc-btn-green{
    background:var(--tuctvc-green);
    color:#fff;
    border:none;
    border-radius:var(--radius);
	
}

.tuctvc-btn-green:hover{
    background:#08451f;
}

.tuctvc-btn-gold{
    background:var(--tuctvc-gold);
    color:var(--tuctvc-blue);
    border:none;
    border-radius:var(--radius);
}

.btn-tuctvc:hover{
    background:#c89a1d;
    color:white;
}
/* ==========================================
   05 - BANNERS
========================================== */

/* Home */

.hero-home2026{
   ...
}

/* Banner interno */

.site-banner-interno{
    position:relative;
    height:450px;
    background-size:cover;
    background-position:center 10%;
    background-repeat:no-repeat;
    display:flex;
    align-items:center;
}

.site-banner-interno::before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
}

.banner-conteudo{
    position:relative;
    z-index:2;
    color:#fff;
}

.banner-conteudo h1{
    font-size:60px;
    font-weight:700;
    margin-bottom:10px;
	color:#D4AF37;
    text-shadow:2px 2px 8px rgba(0,0,0,.7);
}

.banner-conteudo p{
    font-size:24px;
	
}

.banner-shape{
    position:absolute;
    bottom:-1px;
    left:0;
    width:100%;
    line-height:0;
}

.banner-shape svg{
    width:100%;
    height:120px;
    display:block;
}

/* ==========================================
   06 - HOME
========================================== */

.home-destaques{
   ...
}

.agenda-home{
   ...
}

.dirigente-section{
   ...
}

/* ==========================================
   07 - SOBRE NÓS
========================================== */
/* Enquadramento exclusivo do banner "Sobre a TUCTVC".
   A arte contém texto na parte inferior e precisa de mais altura. */
.banner-sobre-tuctvc{
    height:500px;
    background-position:center center;
}

@media (max-width:991px){
    .banner-sobre-tuctvc{
        height:440px;
        background-position:center center;
    }
}

@media (max-width:767px){
    .banner-sobre-tuctvc{
        height:380px;
        background-position:38% center;
    }
}

/*  SOBRE A CASA */
.sobre-casa{
    padding:30px 0;
    background:#fff;
}

.sobre-casa h2{
    color:var(--tuctvc-green);
    font-weight:700;
    font-size:30px;
}

.accordion-item{
    margin-bottom:15px;
    border:none;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 4px 15px rgba(0,0,0,.08);
}

.accordion-item .heading a{
    background:#fff;
    color:#0b5d2a;
    font-weight:600;
    padding:20px;
    display:block;
}

.accordion-item .body-text{
    padding:20px;
    background:#fff;
}

.section-heading h2::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-15px;
    width:100px;
    height:4px;
    background:#D4AF37;
    border-radius:20px;
}

.section-heading h2{
    color:var(--tuctvc-green);
    font-size:30px;
    font-weight:700;
}

.lead{
    color:#D4AF37;
    font-size:1.4rem;
    font-style:italic;
    font-weight:500;
}
/*   SACERDÓCIO */

.sacerdocio-section{
    background:#f5f5f2;
    padding:35px 0;
    margin-top:0;
}

.sacerdocio-img{
    border-radius:15px;
    box-shadow:0 4px 20px rgba(0,0,0,.08);
}

.sacerdocio-section .lead{
    color:var(--tuctvc-gold);
    font-style:italic;
    font-size:1.4rem;
}
.sacerdocio-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
    margin-top:30px;
}

.item-sacerdocio{
    display:flex;
    gap:15px;
    align-items:flex-start;
}

.item-sacerdocio i{
    font-size:32px;
    color:#D4AF37;
    min-width:40px;
    margin-top:5px;
}

.item-sacerdocio h5{
    color:#0b5d2a;
    font-weight:700;
    margin-bottom:5px;
}

.item-sacerdocio p{
    color:#666;
    margin:0;
    line-height:1.6;
}
.sacerdocio-section h2{
    color:var(--tuctvc-green);
    font-weight:700;
    font-size:30px;
}

.sacerdocio-section h2 i{
    color:#D4AF37;
    margin-right:12px;
}

/* ==========================================
   08 - FAQ
========================================== */

.accordion-item{
    background:#fff;
    border:none;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 4px 20px rgba(0,0,0,.08);
    margin-bottom:15px;
}

.accordion-item .heading a{
    padding:18px 25px;
    color:var(--tuctvc-green);
    font-weight:700;
    text-decoration:none;
}

.accordion-item .heading a:hover{
    color:var(--tuctvc-gold);
}

.accordion-item .body-text{
    padding:20px 25px;
}
/* FAQ */

.faq-section{
    padding:40px 0;
}

.faq-section .accordion-item{
    margin-bottom:15px;
}

.faq-section .body-text{
    line-height:1.8;
}
/* ==========================================
   09 - FOOTER
========================================== */
.site-footer{
    background:linear-gradient(
        135deg,
        #081C3A 0%,
        #0A2342 70%,
        #0B5D2A 100%
    );

    color:#fff;
    padding:25px 0 10px;
}

.footer-top{
    border-bottom:1px solid rgba(255,255,255,.15);
    padding-bottom:25px;
    margin-bottom:15px;
	
}

.footer-box{
    text-align:center;
    padding:10px 20px;
	    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
}

.footer-box i{
    color:#D4AF37;
    font-size:34px;
    margin-bottom:15px;
}

.footer-box h4{
    color:#D4AF37;
    font-size:20px;
    font-weight:700;
    margin-bottom:10px;
}

.footer-box p{
    color:#fff;
    margin-bottom:10px;
    line-height:1.6;
}

.footer-btn{
    background:#D4AF37;
    color:#081C3A !important;
    padding:8px 18px;
    border-radius:15px;
    font-weight:700;
    text-decoration:none;
    display:inline-block;
	 min-width:auto;
	  margin-top:15px;
}

.footer-btn:hover{
    background:#fff;
    color:#081C3A;
    text-decoration:none;
}

.footer-social a{
    color:#fff;
    font-size:40px;
    margin:0 10px;
    transition:.3s;
}

.footer-social a:hover{
    color:#D4AF37;
    transform:translateY(-3px);
}

.footer-bottom{
    text-align:center;
}

.footer-frase{
    font-size:24px;
    font-style:italic;
    color:#D4AF37;
    margin:20px 0;
}

.footer-credito{
    color:#ccc;
    font-size:13px;
}

.footer-box{
    border-right:1px solid rgba(255,255,255,.15);
}

.footer-box:last-child{
    border-right:none;
}

.footer-lema{
    color:#ffffff;
    font-size:15px;
    opacity:.85;
}

.footer-social{
    display:flex;
    justify-content:center;
    gap:20px;
    margin-top:15px;
}
.site-footer{
    position:relative;
}

.site-footer::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:#D4AF37;
}

/* ==========================================
   10 - RESPONSIVIDADE
========================================== */

/* Tablet */

@media (min-width:768px) and (max-width:991px){

}

/* Celular */

@media (max-width:767px){

}
/* ==========================================
   11 - SITE HINO E BANDEIRA
========================================== */
foto-historica-hino{
    width:100%;
    max-width:450px;
    height:auto;
    border-radius:15px;
    border:4px solid var(--tuctvc-gold);
    box-shadow:0 4px 20px rgba(0,0,0,.08);
}
/* ==========================================
   12 - SITE ORIXÁS
========================================== */
.tuctvc-quote{

background:#fff;
padding:50px;
border-radius:15px;
text-align:center;

box-shadow:0 4px 20px rgba(0,0,0,.08);

}

.tuctvc-quote i{

font-size:40px;
color:#D4AF37;
margin-bottom:20px;

}

.tuctvc-quote h3{

color:#0B5D2A;
font-style:italic;

}
/* =====================================
   ORIXÁS
===================================== */

.orixa-card{

    background:#fff;
    border-radius:15px;
    padding:30px 20px;

    text-align:center;

    height:100%;

    box-shadow:0 4px 20px rgba(0,0,0,.08);

    transition:.3s;
}

.orixa-card:hover{

    transform:translateY(-6px);

    box-shadow:0 10px 30px rgba(0,0,0,.12);
}

.orixa-icon{

    width:90px;
    height:90px;

    object-fit:contain;

    margin-bottom:15px;

    transition:.3s;
}

.orixa-card:hover .orixa-icon{

    transform:scale(1.08);
}

.orixa-card h4{

    color:var(--tuctvc-green);

    font-weight:700;

    margin-bottom:10px;
}

.orixa-card p{

    color:#666;

    min-height:55px;
}

.orixa-card .btn{

    margin-top:10px;

    border-radius:12px;
}

.orixa-card .btn-success{

    background:var(--tuctvc-green);
    border:none;
}

.orixa-card .btn-success:hover{

    background:var(--tuctvc-gold);
    color:#081C3A;
}
/* =====================================================
   ORIXÁS
===================================================== */

.tuctvc-citacao{

    background:#f8f8f8;

    border-left:5px solid var(--tuctvc-gold);

    padding:25px;

    margin-top:30px;

    font-size:1.15rem;

    font-style:italic;

    color:var(--tuctvc-green);

    border-radius:10px;
}

.mini-orixa-card{

    background:#fff;

    border-radius:15px;

    padding:25px;

    text-align:center;
	

    box-shadow:0 4px 20px rgba(0,0,0,.08);

    height:100%;

    transition:.3s;

    line-height:1.8;
}

.mini-orixa-card h5{
    color:var(--tuctvc-blue);
    font-weight:700;
    margin-bottom:15px;
    text-align:center;
}

.mini-orixa-card:hover{

    transform:translateY(-5px);

    box-shadow:0 10px 25px rgba(0,0,0,.12);
}

.mini-orixa-card strong{

    color:var(--tuctvc-green);

    font-size:20px;
}

.site-menu > li{
    margin-left:5px;
    margin-right:5px;
}
.tuctvc-card i{

    color:var(--tuctvc-gold);

    font-size:48px;

    margin-bottom:20px;
}

.tuctvc-card h4{
    color:var(--tuctvc-green);
    font-weight:700;
}
/* Ícones */
.icone-orixa{
    width:70px;
    height:70px;
    margin-bottom:15px;
    transition:.3s;
}

.icone-orixa:hover{
    transform:scale(1.1);
}
/* ===================================================== */
/* BANNER FALANGEIROS */
/* ===================================================== */

.hero-falangeiros {

    position: relative;

    height: 520px;

    background-image: url('images/banner-falangeiros.jpg');

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    display: flex;

    align-items: center;

    overflow: hidden;
}

.hero-overlay {

    position: absolute;

    inset: 0;

    background: linear-gradient(
        90deg,
        rgba(0,0,0,.65) 0%,
        rgba(0,0,0,.30) 50%,
        rgba(0,0,0,.55) 100%
    );
}

.hero-content {

    position: relative;

    z-index: 2;

    max-width: 700px;
}

.hero-content h1 {

    color: #D4AF37;

    font-size: 4rem;

    font-weight: 700;

    margin-bottom: 20px;
}

.hero-content p {

    color: #fff;

    font-size: 1.6rem;

    line-height: 1.7;
}

@media(max-width:991px){

    .hero-falangeiros{

        height:420px;
    }

    .hero-content h1{

        font-size:2.8rem;
    }

    .hero-content p{

        font-size:1.2rem;
    }

}
/* ===================================================== */
/* CARD ARTIGOS */
/* ===================================================== */
.article-card img{
    width:100%;
    height:180px;
    object-fit:cover;
    border-radius:10px;
}

/* =====================================================
   PORTFÓLIO DE ARTIGOS
===================================================== */

.article-card{

    background:#fff;

    border-radius:15px;

    overflow:hidden;

    box-shadow:0 4px 20px rgba(0,0,0,.08);

    transition:.3s;
}

.article-card:hover{

    transform:translateY(-6px);

    box-shadow:0 10px 30px rgba(0,0,0,.12);
}

.article-card img{

    width:100%;

    height:240px;

    object-fit:cover;
}

.article-body{

    padding:25px;
}

.article-date{

    display:block;

    margin-bottom:15px;

    color:#999;

    font-size:14px;
}

.article-date i{

    color:var(--tuctvc-gold);

    margin-right:6px;
}

.article-body h3{

    line-height:1.3;

    margin-bottom:15px;
}

.article-body h3 a{

    color:var(--tuctvc-green);

    text-decoration:none;
}

.article-body h3 a:hover{

    color:var(--tuctvc-gold);
}

.article-body p{

    height:130px;

    overflow:hidden;
}

/* =====================================================
   PAGINAÇÃO
===================================================== */

.site-block-27 ul{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:10px;

    padding:0;
}

.site-block-27 ul li{

    list-style:none;
}

.site-block-27 ul li a{

    width:45px;

    height:45px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:12px;

    background:#fff;

    color:var(--tuctvc-green);

    font-weight:700;

    text-decoration:none;

    box-shadow:0 3px 12px rgba(0,0,0,.08);

    transition:.3s;
}

.site-block-27 ul li a:hover{

    background:var(--tuctvc-green);

    color:#fff;
}

.site-block-27 ul li.active a{

    background:var(--tuctvc-green);

    color:#fff;
}

/* =====================================================
   PESQUISA
===================================================== */

.form-control-lg{

    border-radius:15px;

    padding:15px 20px;

    border:1px solid #ddd;
}

.form-control-lg:focus{

    border-color:var(--tuctvc-gold);

    box-shadow:0 0 15px rgba(212,175,55,.25);
}

/* =====================================================
   ARTIGO EM DESTAQUE
===================================================== */

.article-featured{

    background:#fff;

    border-radius:15px;

    overflow:hidden;

    box-shadow:0 4px 20px rgba(0,0,0,.08);

    margin-bottom:50px;
}

.article-featured img{

    width:100%;

    height:420px;

    object-fit:cover;
}

.article-featured .col-lg-6:last-child{

    padding:40px;
}

.featured-badge{

    display:inline-block;

    background:#D4AF37;

    color:#081C3A;

    padding:8px 18px;

    border-radius:30px;

    font-weight:700;

    margin-bottom:20px;
}

.featured-badge i{

    margin-right:8px;
}

.article-featured h2{

    color:var(--tuctvc-green);

    font-size:36px;

    font-weight:700;

    margin-bottom:20px;
}

.featured-date{

    color:#999;

    margin-bottom:20px;
}

.featured-date i{

    color:#D4AF37;
}

.article-featured p{

    font-size:18px;

    line-height:1.9;

    color:#555;

    margin-bottom:25px;
}

/* RESPONSIVO */

@media(max-width:991px){

    .article-featured img{

        height:280px;
    }

    .article-featured h2{

        font-size:28px;
    }

}

/* =====================================================
   VIEW ARTICLE
===================================================== */

.article-single-card{

    background:#fff;

    padding:40px;

    border-radius:20px;

    box-shadow:0 5px 25px rgba(0,0,0,.08);

    margin-bottom:40px;
}

.article-detail-hero{
    min-height:460px;
    height:auto;
    padding:90px 0 130px;
    background-position:center;
}

.article-detail-hero::before{
    background:linear-gradient(
        90deg,
        rgba(3,24,17,.88) 0%,
        rgba(3,24,17,.68) 55%,
        rgba(3,24,17,.48) 100%
    );
}

.article-detail-hero .banner-conteudo{
    max-width:1180px;
}

.article-detail-hero .banner-conteudo h1{
    max-width:1050px;
    font-size:clamp(2.25rem,5vw,4.5rem);
    line-height:1.08;
    overflow-wrap:anywhere;
}

.article-detail-hero .banner-conteudo p{
    font-size:clamp(1rem,2vw,1.35rem);
}

.article-detail-hero + .section-tuctvc .article-single-card{
    max-width:1120px;
    margin-left:auto;
    margin-right:auto;
}

.article-detail-hero + .section-tuctvc > .container > .row{
    position:relative;
}

.article-detail-hero + .section-tuctvc .article-sidebar-primary{
    position:absolute;
    top:0;
    right:0;
    display:block;
    padding:22px;
    border-left:1px solid #dfe5e1;
    border-radius:18px;
    background:#f2f5f3;
}

.article-sidebar-legacy{
    display:none !important;
}

.article-wide-section{
    width:calc(150% + 12px);
    max-width:calc(100vw - 48px);
}

.article-card-placeholder{
    width:100%;
    height:240px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--tuctvc-gold);
    background:linear-gradient(135deg,#edf4ef,#f8f4e8);
    font-size:3rem;
}

.article-learning-section .titulo-secao p{
    font-size:1.1rem;
    line-height:1.7;
    font-weight:400;
    max-width:760px;
}

.article-instagram-share{
    margin-left:.75rem;
    border:0;
    background:linear-gradient(135deg,#833ab4,#e1306c,#f77737);
    color:#fff;
}

.article-instagram-share:hover{
    color:#fff;
    filter:brightness(1.08);
}

@media(max-width:575px){
    .article-instagram-share{
        display:flex;
        margin:12px auto 0;
    }
}

@media(max-width:767px){
    .article-detail-hero{
        min-height:390px;
        padding:72px 0 110px;
    }

    .article-detail-hero .banner-conteudo h1{
        font-size:clamp(2rem,10vw,3rem);
    }

    .article-single-card{
        padding:24px 20px;
        border-radius:14px;
    }

    .article-detail-hero + .section-tuctvc .article-sidebar-primary{
        position:static;
        width:100%;
        order:2;
        margin-top:24px;
        border-left:0;
    }

    .article-wide-section{
        width:100%;
        max-width:100%;
    }
}

.article-featured-image{

    margin-bottom:30px;
}

.article-featured-image img{

    width:100%;

    border-radius:15px;

    display:block;
}

.article-summary{

    background:#f8f8f8;

    border-left:5px solid var(--tuctvc-gold);

    padding:25px;

    border-radius:10px;

    margin-bottom:35px;

    font-size:1.1rem;

    line-height:1.9;
}

.article-content{

    font-size:1.05rem;

    line-height:2;
}

.article-content img{

    max-width:100%;

    height:auto;

    border-radius:10px;
}

/* =====================================================
   SIDEBAR
===================================================== */

.sidebar-card{

    background:#fff;

    padding:25px;

    border-radius:15px;

    margin-bottom:30px;

    box-shadow:0 4px 20px rgba(0,0,0,.08);
}

.sidebar-card h3{

    color:var(--tuctvc-green);

    margin-bottom:20px;
}

.sidebar-post{

    padding:15px 0;

    border-bottom:1px solid #eee;
}

.sidebar-post:last-child{

    border:none;
}

.sidebar-post a{

    display:block;

    color:var(--tuctvc-green);

    font-weight:600;

    text-decoration:none;
}

.sidebar-post a:hover{

    color:var(--tuctvc-gold);
}

.sidebar-post span{

    display:block;

    margin-top:8px;

    color:#888;

    font-size:13px;
}

/* =====================================================
   TAGS
===================================================== */

.article-tags{

    margin-top:40px;
}

.article-tags h4{

    color:var(--tuctvc-green);

    margin-bottom:20px;
}

.tag-tuctvc{

    display:inline-block;

    background:#f4f4f4;

    color:var(--tuctvc-green);

    padding:8px 15px;

    border-radius:25px;

    margin:5px;

    font-size:14px;

    transition:.3s;
}

.tag-tuctvc:hover{

    background:var(--tuctvc-gold);

    color:#fff;
}

/* =====================================================
   META DO ARTIGO
===================================================== */

.article-meta{

    display:flex;

    flex-wrap:wrap;

    gap:20px;

    margin-bottom:30px;

    color:#777;
}

.article-meta span{

    display:flex;

    align-items:center;

    gap:8px;
}

.article-meta i{

    color:var(--tuctvc-gold);
}

/* =====================================================
   NAVEGAÇÃO ENTRE ARTIGOS
===================================================== */

.article-navigation{

    display:flex;

    justify-content:space-between;

    gap:20px;

    margin:50px 0;
}

.nav-card{

    flex:1;

    background:#fff;

    padding:20px;

    border-radius:15px;

    box-shadow:0 4px 20px rgba(0,0,0,.08);

    text-align:center;

    font-weight:600;

    color:var(--tuctvc-green);

    transition:.3s;
}

.nav-card:hover{

    transform:translateY(-4px);

    box-shadow:0 8px 25px rgba(0,0,0,.12);
}

/* =====================================================
   AUTOR
===================================================== */

.author-box{

    background:#f8f8f8;

    border-left:5px solid var(--tuctvc-gold);

    padding:25px;

    margin-top:40px;

    border-radius:10px;
}

.author-box h4{

    color:var(--tuctvc-green);

    margin-bottom:10px;
}

//* =====================================================
   NAVEGAÇÃO ENTRE ARTIGOS
===================================================== */

.article-navigation{

    display:flex;

    justify-content:space-between;

    gap:25px;

    margin:60px 0 40px;
}

.nav-card{

    flex:1;

    background:#fff;

    padding:25px;

    border-radius:18px;

    text-decoration:none;

    color:var(--tuctvc-green);

    box-shadow:0 5px 20px rgba(0,0,0,.08);

    transition:.35s;
}

.nav-card:hover{

    transform:translateY(-6px);

    box-shadow:0 15px 35px rgba(0,0,0,.12);

    color:var(--tuctvc-gold);
}

.nav-card small{

    display:block;

    color:#888;

    margin-bottom:12px;

    font-size:13px;
}

.nav-card strong{

    display:block;

    font-size:18px;

    line-height:1.4;
}

/* =====================================================
   CONTINUE SUA JORNADA
===================================================== */

.article-navigation{

    display:flex;

    gap:30px;

    margin:60px 0;

    flex-wrap:wrap;
}

.nav-card{

    flex:1;

    min-width:320px;

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    display:flex;

    align-items:center;

    gap:20px;

    padding:20px;

    text-decoration:none;

    color:#23412d;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transition:.35s;
}

.nav-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 35px rgba(0,0,0,.15);

    color:#b8942b;
}

.nav-thumb{

    width:120px;

    height:90px;

    object-fit:cover;

    border-radius:10px;

    flex-shrink:0;
}

.nav-content{

    flex:1;
}

.nav-content small{

    color:#999;

    display:block;

    margin-bottom:12px;

    font-weight:600;
}

.nav-content h4{

    margin:0 0 10px;

    font-size:18px;

    line-height:1.4;

    color:#23412d;
}

.nav-content span{

    color:#777;

    font-size:13px;
}
/* Cards da agenda da página inicial alimentados pelo calendário central. */
.agenda-card-link{
    display:block;
    height:100%;
    color:inherit;
    text-decoration:none;
}

.agenda-card-link:hover,
.agenda-card-link:focus{
    color:inherit;
    text-decoration:none;
}

.agenda-card-link .agenda-card{
    transition:transform .2s ease, box-shadow .2s ease;
}

.agenda-card-link:hover .agenda-card,
.agenda-card-link:focus .agenda-card{
    transform:translateY(-4px);
    box-shadow:0 10px 26px rgba(0,0,0,.12);
}

.agenda-card-vazio{
    height:auto;
    min-height:150px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.evangelho-detail-hero{
    position:relative;
    min-height:430px;
    display:flex;
    align-items:center;
    background-size:cover;
    background-position:center;
    color:#fff;
    overflow:hidden;
}

.evangelho-detail-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(2,26,42,.88) 0%,rgba(4,35,35,.65) 55%,rgba(0,0,0,.25) 100%);
}

.evangelho-detail-heading{
    position:relative;
    z-index:2;
    padding-bottom:42px;
}

.evangelho-detail-heading h1{
    max-width:900px;
    margin:14px 0 12px;
    color:#fff;
    font-size:clamp(2.4rem,5vw,4.5rem);
    line-height:1.05;
}

.evangelho-detail-heading p{
    max-width:820px;
    margin-bottom:14px;
    font-size:1.25rem;
}

.evangelho-kicker{
    color:#e4b82e;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.evangelho-detail-date{
    font-size:1rem;
}

.evangelho-detail-hero .banner-shape{
    position:absolute;
    z-index:2;
    right:0;
    bottom:-1px;
    left:0;
    line-height:0;
}

.evangelho-detail-hero .banner-shape svg{
    width:100%;
    height:75px;
}

.evangelho-detail-page{
    background:#f5f5f2;
}

.evangelho-detail-container{
    max-width:1500px;
    padding:38px 28px 70px;
}

.evangelho-detail-main{
    padding:0 42px 0 18px;
}

.evangelho-video-card{
    margin:0 auto 36px;
    text-align:center;
}

.evangelho-video-link{
    position:relative;
    display:block;
    overflow:hidden;
    border-radius:18px;
    box-shadow:0 16px 42px rgba(5,31,42,.15);
}

.evangelho-video-card img{
    display:block;
    width:100%;
    max-height:560px;
    object-fit:cover;
    border-radius:18px;
}

.evangelho-video-link::after{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.18);
    transition:.2s ease;
}

.evangelho-video-link:hover::after{
    background:rgba(0,0,0,.3);
}

.evangelho-play{
    position:absolute;
    z-index:2;
    top:50%;
    left:50%;
    width:82px;
    height:82px;
    display:grid;
    place-items:center;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:#d9ad27;
    color:#082c35;
    font-size:1.7rem;
    box-shadow:0 8px 28px rgba(0,0,0,.3);
}

.evangelho-watch-button{
    display:inline-flex;
    gap:9px;
    align-items:center;
    margin-top:18px;
}

.evangelho-video-warning{
    margin:14px 0 0;
    padding:13px 16px;
    border-left:4px solid #d9ad27;
    border-radius:8px;
    background:#fff7df;
    color:#6b5311;
    text-align:left;
}

.evangelho-reading{
    padding:38px 42px;
    border-radius:18px;
    background:#fff;
    box-shadow:0 12px 36px rgba(5,31,42,.08);
    color:#334;
    font-size:1.08rem;
    line-height:1.9;
}

.evangelho-summary{
    margin-bottom:25px;
    color:#173f34;
    font-size:1.15rem;
}

.evangelho-reading p:last-child{
    margin-bottom:0;
}

.evangelho-tags{
    margin-top:32px;
    padding-top:22px;
    border-top:1px solid #e3e7e5;
    color:#65736e;
}

.evangelho-back-button{
    display:inline-flex;
    gap:8px;
    align-items:center;
    margin-top:28px;
}

.evangelho-detail-sidebar{
    border-radius:18px;
    background:#e9edef;
}

.evangelho-sidebar-inner{
    position:sticky;
    top:105px;
    padding:32px 28px;
}

.evangelho-sidebar-inner h2{
    margin-bottom:22px;
    color:#123f32;
    font-size:1.45rem;
}

.evangelho-sidebar-inner ul{
    margin:0;
    padding:0;
    list-style:none;
}

.evangelho-sidebar-inner li{
    padding:17px 0;
    border-bottom:1px solid #d1d9d6;
}

.evangelho-sidebar-inner li:first-child{
    padding-top:0;
}

.evangelho-sidebar-inner a{
    display:block;
    color:#123f32;
    font-weight:700;
}

.evangelho-sidebar-inner span{
    display:block;
    margin-top:6px;
    color:#74807c;
    font-size:.88rem;
}

@media (max-width:991.98px){
    .evangelho-detail-hero{
        min-height:360px;
    }

    .evangelho-detail-container{
        padding:28px 18px 50px;
    }

    .evangelho-detail-main{
        padding:0;
    }

    .evangelho-detail-sidebar{
        margin-top:30px;
    }

    .evangelho-sidebar-inner{
        position:static;
    }
}

@media (max-width:575.98px){
    .evangelho-detail-heading{
        padding-bottom:55px;
    }

    .evangelho-reading{
        padding:26px 22px;
        font-size:1rem;
    }

    .evangelho-play{
        width:64px;
        height:64px;
    }
}
.video-nossa-casa {
    display: block;
    width: 100%;
    max-height: 520px;
    border-radius: 18px;
    background: #071a2d;
    box-shadow: 0 18px 38px rgba(9, 31, 49, .18);
    object-fit: contain;
}

@media (max-width: 767px) {
    .video-nossa-casa {
        max-height: 360px;
        margin-bottom: 24px;
        border-radius: 14px;
    }
}
