/* ==================================
   HERO / SLIDER
================================== */


.hero-section{
margin-top:60px;
}
.carousel-item img{
height:600px; /*alt 520 */
object-fit:cover;
}

.carousel-item-t img{
height:200px; /*alt 520 */
object-fit:cover;
}



/* ==================================
   FORMULÁRIO PRÉ MATRÍCULA
================================== */
.form-prematricula{
background:#ffffff;
height:100%;
padding:25px 15px;
box-shadow:0 0 15px rgba(0,0,0,.15);
}
.form-title{
text-align:center;
margin-bottom:20px;
}
.form-title i{
font-size:35px;
color:#014AB8;
}
.form-title h5{
font-weight:700;
margin-top:5px;/*10*/
}
.form-title p{
font-size:14px;
color:#666;
}
.form-prematricula input,
.form-prematricula select{
font-size:14px;
height:40px;
}




/* ==================================
   MOBILE
================================== */
@media(max-width:991px){
.hero-section{
margin-top:70px;
}
.carousel-item img{
height:300px;
}
.form-prematricula{
margin-top:0;
padding:25px;
}
}

/* ==================================
   CURSOS
================================== */
.cursos-section{
background:#f8f9fa;
}
.section-title{
font-weight:700;
/*text-transform:uppercase;*/
color:#014AB8;
}
.curso-card{
background:#fff;
height:200px;/*260px;*/
padding:25px 15px;
text-align:center;
border-radius:12px;
box-shadow:0 5px 20px rgba(0,0,0,.1);
transition:.3s;
}
.curso-card:hover{
transform:translateY(-8px);
}
.curso-card i{
font-size:45px;
color:#014AB8;
margin-bottom:20px;
}
.curso-card h5{
font-size:18px;
min-height:55px;
font-weight:600;
}
.curso-card .btn{
margin:5px 2px;
font-size:12px;
}

.btn-black{
	background-color:#777;
	color:#fff;
	border-radius:8px;
}

.btn-black:hover{
	background-color:#D9D900;
	color:#686800;
	border-radius:8px;
}


/* ==================================
   MARQUEE
================================== */
.marquee-box{
overflow:hidden;
background:#014AB8;
color:white;
padding:15px 0;
margin-top:50px;
}
.marquee-content{
display:inline-block;
white-space:nowrap;
animation:marquee 18s linear infinite;
font-weight:600;
}
@keyframes marquee{
from{
transform:translateX(100%);
}
to{
transform:translateX(-100%);
}
}


/* ==================================
   EVENTOS
================================== */
.eventos-section{
background:#ffffff;
}
.evento-card{
display:block;
position:relative;
overflow:hidden;
border-radius:12px;
height:200px; /*350*/
}
.evento-card img{
width:100%;
height:100%; /*alt 100% */
object-fit:cover;
transition:.4s;
}
.evento-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.45);
display:flex;
align-items:center;
justify-content:center;
opacity:0;
transition:.4s;
}
.evento-overlay i{
font-size:55px;
color:white;
}
.evento-card:hover img{
transform:scale(1.1);
}
.evento-card:hover .evento-overlay{
opacity:1;
}
@media(max-width:768px){
.evento-card{
height:200px;
}
}



/* ==================================
   INSTITUIÇÃO
================================== */
.instituicao-section{
background:#EEEEEE;/*#E9FDFD;#FDF5DB#f8f9fa;*/
}
.instituicao-texto h3{
	font-weight:700;
	color:#014AB8;
	margin-bottom:20px;

}
.instituicao-texto p{
	font-size:16px;
	line-height:1.4;/*1.8*/
	text-align:left;/*justify;*/
}
.instituicao-img{
	border-radius:15px;
	box-shadow:0 5px 20px rgba(0,0,0,.15);
}
/* TABS */
.instituicao-tabs .nav-link{
	color:#333;
	font-weight:600;
	padding:15px 25px;
	background:#B7D4FF;
}
.instituicao-tabs .nav-link i{
	font-size:22px;
	margin-right:8px;
	width:100%;
	color:#fff;/*#014AB8;*/
}
.instituicao-tabs .nav-link.active{
	background:#014AB8;
	color:white;
}
.instituicao-tabs .nav-link.active i{
	
}
.tab-content{
	background:white;
	border-radius:0 0 15px 15px;
	box-shadow:0 5px 20px rgba(0,0,0,.08);
}
.tab-content h4{
	color:#014AB8;
	font-weight:700;
}
.tab-content h4 i{
	margin-right:10px;
}
@media(max-width:768px){
	.instituicao-texto{
	margin-bottom:30px;
}
.instituicao-tabs .nav{
	display:block;
}
.instituicao-tabs .nav-item{
	width:100%;
	margin-bottom:5px;
}
.instituicao-tabs .nav-link{
	width:100%;
}
}

/* ==================================
   PARALLAX
================================== */
.parallax-section{
height:300px;
width:100%;
background-image:url("../img/parallax.jpg");
background-size:cover;
background-position:center;
background-attachment:fixed;
position:relative;
}
.parallax-overlay{
height:100%;
width:100%;
background:rgba(255,193,7,.75);
display:flex;
align-items:center;
justify-content:center;
}
/*.parallax-text{
text-align:center;
color:#fff;
max-width:900px;
padding:30px;
}
.parallax-text h2{
font-size:42px;
font-weight:700;
text-shadow:2px 2px 5px rgba(0,0,0,.3);
}
.parallax-text p{
font-size:28px;
font-weight:500;
}*/

.parallax-text {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 30px;
    text-align: center;
	color:#fff;
}

.parallax-text h2 {
    margin: 0 auto 15px;
    font-size: 42px;
    font-weight: 700;
    text-align: center;
	text-shadow:2px 2px 5px rgba(0,0,0,.3);
}

.parallax-text p {
    margin: 0 auto;
    font-size: 28px;
    font-weight: 500;
    text-align: center;
}



/* ==================================
   GALERIA
================================== */
.galeria-section{
background:#fff;
}
.galeria-img{
width:100%;
height:220px;
object-fit:cover;
border-radius:12px;
transition:.4s;
}
.galeria-img:hover{
transform:scale(1.05);
box-shadow:0 8px 20px rgba(0,0,0,.25);
}
@media(max-width:992px){
.parallax-section{
background-attachment:scroll;
}
.parallax-text h2{
font-size:30px;
}
.parallax-text p{
font-size:20px;
}
.galeria-img{
height:180px;
}
}
@media(max-width:576px){
.parallax-section{
height:350px;
}
.parallax-text h2{
font-size:24px;
}
.parallax-text p{
font-size:18px;
}
.galeria-img{
height:140px;
}
}





/* ==================================
   CONTATO
================================== */
.contato-section{
background:#f8f9fa;
}
.contato-box{
background:white;
padding:35px;
border-radius:15px;
box-shadow:0 5px 20px rgba(0,0,0,.1);
}
.contato-box h4{
font-weight:700;
color:#014AB8;
margin-bottom:25px;
}
.contato-box h4 i{
margin-right:10px;
}
.contato-box .form-control{
height:45px;
border-radius:8px;
}
.contato-box textarea{
height:auto;
}
.mapa-box{
height:100%;
background:white;
padding:10px;
border-radius:15px;
box-shadow:0 5px 20px rgba(0,0,0,.1);
overflow:hidden;
}
.mapa-box iframe{
border-radius:10px;
}
@media(max-width:768px){
.mapa-box iframe{
height:350px;
}
}


/* ==================================
   FOOTER
================================== */
.footer-section{
background:#014AB8;
color:white;
padding:60px 0 0;
}
.footer-logo img{
max-width:220px;
margin-bottom:20px;
background:white;
padding:10px;
border-radius:10px;
}
.footer-logo p{
line-height:1.7;
font-size:15px;
}
.footer-info h5,
.footer-horarios h5{
font-weight:700;
margin-bottom:25px;
border-bottom:2px solid rgba(255,255,255,.4);
padding-bottom:10px;
}
.footer-info h5 i,
.footer-horarios h5 i{
margin-right:8px;
}
.footer-info p,
.footer-horarios p{
line-height:1.7;
}
.footer-info a{
color:white;
text-decoration:none;
}
.footer-info a:hover{
text-decoration:underline;
}
.footer-info i{
margin-right:8px;
}
.footer-bottom{
margin-top:40px;
background:rgba(0,0,0,.15);
text-align:center;
padding:20px;
}
.footer-bottom p{
margin:0;
font-size:14px;
}
@media(max-width:768px){
.footer-section{
text-align:center;
}
.footer-logo img{
margin:auto;
}
}

/* ==================================
   ROLAGEM SUAVE
================================== */
html{
scroll-behavior:smooth;
}
/* ==================================
   BOTÕES FLUTUANTES
================================== */
.navegacao-flutuante{
position:fixed;
right:25px;
bottom:25px;
display:flex;
flex-direction:column;
gap:30px;
z-index:9999;
}
.navegacao-flutuante button{
width:45px;
height:45px;
border:none;
border-radius:50%;
background:#014AB8;
color:white;
font-size:22px;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 5px 15px rgba(0,0,0,.3);
transition:.3s;
}
.navegacao-flutuante button:hover{
transform:translateY(-5px);
background:#084298;
}
#btnTopo{
display:none;
}

/*=========================================
MENU
=========================================*/
.navbar-escola{
    background:#ffffff;
    min-height:96px;
    transition:.3s;
}
.navbar-brand img{
    height:52px;
}
.navbar-nav .nav-link{
    color:#0b3b75;
    /*font-weight:600;*/
    font-size:16px;
    padding:18px 15px; /*18px 15px;*/

}
.navbar-nav .nav-link:hover{
    color:#B28500;/*#0056b3;*/
}
.navbar-nav .nav-link i{
    margin-right:8px;/*8px*/
    font-size:18px;
}
.navbar-toggler{
    border-color:#0b3b75;
}
.navbar-toggler-icon{
    filter:invert(18%) sepia(80%) saturate(1400%) hue-rotate(190deg);
}


.navbar-nav .nav-item:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:30px;
    background:linear-gradient(
        to bottom,
        transparent,
        #c7d1df,
        transparent
    );
}


.navbar .container-fluid{

    padding-left:40px;

    padding-right:40px;

}








/*=========================================
DROPDOWN
=========================================*/
.dropdown-menu{
    border:none;
    border-radius:12px;
    padding:10px;
}
.dropdown-item{
    padding:12px 15px;
    color:#0b3b75;
    font-weight:500;
}
.dropdown-item i{
    margin-right:10px;
}
.dropdown-item:hover{
    background:#FFEFBF;/*#f2f7ff;*/
    color:#0056b3;
}
/*=========================================
REDES SOCIAIS
=========================================*/
.social-top{
    display:flex;
    align-items:center;
    gap:12px; /*14*/
}
.social-top a{
    color:#9797A6; /*#0b3b75;*/
    font-size:18px; /*22*/
    transition:.3s;
}
.social-top a:hover{
    transform:translateY(-4px);
    color:#0056b3;
}


/*=========================================
MOBILE
=========================================*/
@media(max-width:991px){
    .navbar-escola{
        min-height:auto;
    }
    .social-top{
        justify-content:center;
        margin:20px 0;
    }
    .navbar-collapse{
        background:#ffffff;
        padding:20px;
    }
}




/* ==================================
   ANIMAÇÕES
================================== */
.fade-in{
opacity:0;
transform:translateY(40px);
transition:1s;
}
.fade-in.active{
opacity:1;
transform:translateY(0);
}
/* ==================================
   AJUSTES MOBILE MENU
================================== */
@media(max-width:991px){
.navbar-collapse{
background:#F3F3F3;/*#014AB8;*/
padding:20px;
border-radius:0 0 15px 15px;
}
.whatsapp-menu{
margin-top:15px;
text-align:center;
}
}
/*========================================
SLIDER INFINITO
========================================*/
.slider-infinito{
    width:100%;
    overflow:hidden;
    margin-top:60px;
    position:relative;
}
.slide-track{
    display:flex;
    width:calc(300px * 16);
    animation:scroll 40s linear infinite;
}
.slide-track:hover{
    animation-play-state:paused;
}
.slide-item{
    width:200px;
    min-width:200px;
    height:200px;
    margin:0 15px;
    flex-shrink:0;
}
.slide-item img{
    /*width:100%;
    height:100%;
    object-fit:cover;
    border-radius:15px;*/
    transition:.4s;
    /*box-shadow:0 10px 25px rgba(0,0,0,.35);*/
}
.slide-item img:hover{
    transform:scale(1.05);
}
@keyframes scroll{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(calc(-315px * 8));
    }
}
@media (max-width:768px){
    .slide-item{
        width:180px;
        min-width:180px;
        height:180px;
        margin:0 8px;
    }
    .slide-track{
        width:max-content;
    }
}




/*=========================================
REDES SOCIAIS
=========================================*/
.redes-section{
    background:#f8f9fa;
}
.rede-card{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background:#ffffff;
    height:160px; /*220*/
    border-radius:15px;
    text-decoration:none;
    color:#0b3b75;
    transition:.35s;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
}
.rede-card:hover{
    transform:translateY(-8px);
    color:#0056b3;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}
.rede-card i{
    font-size:64px;
    margin-bottom:5px;/*20px;*/
}
.rede-card h5{
    margin:0;
    font-weight:600;
}



/*=========================================
ESTRUTURA INSTITUICAO
=========================================*/
.redes-section{
    background:#f8f9fa;
}
.rede-card2{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background:#ffffff;
    height:160px; /*220*/
    border-radius:15px;
    text-decoration:none;
    color:#0b3b75;
    transition:.35s;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
}
.rede-card2:hover{
    transform:translateY(-8px);
    color:#0056b3;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}
.rede-card2 i{
    font-size:64px;
    margin-bottom:5px;/*20px;*/
}
.rede-card2 h5{
    margin:0;
    font-weight:600;
}









/* ==================================
   REDES SOCIAIS DO RODAPÉ
================================== */
.footer-social{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:20px;
}
.footer-social a{
    width:42px;
    height:42px;
    border:1px solid rgba(255,255,255,.6);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#ffffff;
    text-decoration:none;
    font-size:20px;
    transition:all .3s ease;
}
.footer-social a:hover{
    background:#ffffff;
    color:#0b3b75;
    transform:translateY(-4px);
    box-shadow:0 5px 15px rgba(0,0,0,.2);
}
@media(max-width:768px){
    .footer-social{
        justify-content:center;
    }
}

    .bloco-item {
        padding: 25px 15px;
        text-align: center;
        height: 100%;
        border: 1px solid #e5e5e5;
        background: #fff;
        transition: 0.3s;
    }

    .bloco-item:hover {
        transform: translateY(-4px);
        box-shadow: 0 5px 15px rgba(0,0,0,0.10);
    }

    .bloco-numero {
        font-size: 14px;
        font-weight: 700;
        color: #0d6efd;
        margin-bottom: 5px;
    }

    .bloco-item h5 {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 10px;
        color: #212529;
    }

    .bloco-item p {
        font-size: 14px;
        line-height: 1.5;
        color: #6c757d;
        margin: 0;
    }
	
	
.parallax-escola {
    position: relative;
    background-color: #fff;/*b8860b;*/
    /*background-image: linear-gradient(
        rgba(80, 55, 0, 0.55),
        rgba(80, 55, 0, 0.55)
    ),
    url('../img26/imgfnd_parallax_pb.jpg');*/
	background-image: url('../img26/imgfnd_parallax_pb.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 80px 0;
    color: #fff;
}
/* Título */
.parallax-escola h2 {
    /*font-size: 2.5rem;*/
	font-size:35px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}
/* Subtítulo */
.parallax-escola .subtitulo {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 50px;
}
/* Bloco de cada item */
.premiacao-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 10px;
    height: 100%;
}
/* Imagem pequena */
.premiacao-item img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    flex-shrink: 0;
}
/* Texto */
.premiacao-item span {
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.3;
}
/* Divisórias */
.premiacao-col {
    border-right: 1px solid rgba(255,255,255,0.35);
}
.premiacao-col:last-child {
    border-right: none;
}
/* Tablet e celular */
@media (max-width: 991px) {
    .parallax-escola {
        background-attachment: scroll;
    }
    .parallax-escola h2 {
        font-size: 2rem;
    }
    .parallax-escola .subtitulo {
        font-size: 1rem;
        margin-bottom: 30px;
    }
    .premiacao-col {
        border-right: none;
    }
}
/* Celular */
@media (max-width: 575px) {
    .parallax-escola {
        padding: 50px 10px;
    }
    .parallax-escola h2 {
        font-size: 1.7rem;
    }
    .premiacao-item {
        padding: 12px 5px;
    }
    .premiacao-item img {
        width: 40px;
        height: 40px;
    }
    .premiacao-item span {
        font-size: 0.78rem;
    }
}	



/* ---------------- TITULO ELEGANTE ------------- */

.titulo-elegante {
    text-align: center;
    margin: 50px 0 35px;
}

.titulo-elegante h2 {
    display: inline-block;
    position: relative;
    padding: 0 35px;
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
}

.titulo-elegante h2::before,
.titulo-elegante h2::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 70px;
    height: 2px;
    background: #b8860b;
}

.titulo-elegante h2::before {
    right: 100%;
}

.titulo-elegante h2::after {
    left: 100%;
}

.titulo-elegante span {
    display: block;
    width: 45px;
    height: 3px;
    background: #b8860b;
    margin: 12px auto 0;
}

@media (max-width: 576px) {

    .titulo-elegante h2 {
        font-size: 20px;
        padding: 0 15px;
    }

    .titulo-elegante h2::before,
    .titulo-elegante h2::after {
        width: 30px;
    }

}



*/ ----------------- titulo principal ------------------- */

.titulo-principal {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin: 40px 0 30px;
}

.titulo-principal::before,
.titulo-principal::after {
    content: "";
    height: 2px;
    width: 80px;
    background: #b8860b;
    position: relative;
}

.titulo-principal::before {
    box-shadow: -10px 6px 0 -0.5px #b8860b;
}

.titulo-principal::after {
    box-shadow: 10px 6px 0 -0.5px #b8860b;
}

.titulo-principal h2 {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    color: #000; /*333;*/
    text-transform: uppercase;
}

/* Ajuste para celular */
@media (max-width: 576px) {

    .titulo-principal {
        gap: 10px;
        margin: 30px 0 20px;
    }

    .titulo-principal::before,
    .titulo-principal::after {
        width: 35px;
    }

    .titulo-principal h2 {
        font-size: 20px;
    }

}


/* ------ novo footer ----- */

	.footer-school{ background:#002573; color:#fff; padding:60px 0 25px; } .footer-school h5{ color:#ffc107; font-weight:700; margin-bottom:15px; } .footer-school p{ color:rgba(255,255,255,.85); line-height:1.7; } .footer-school a{ color:#fff; text-decoration:none; } .footer-school a:hover{ color:#ffc107; } .footer-school hr{ border-color:rgba(255,255,255,.15); margin:35px 0 25px; } .social-icon{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.1); margin-left:10px; transition:.3s; } .social-icon:hover{ background:#ffc107; color:#001d5f !important; }



	/* Menu inferior */
	.mobile-menu{
		/*position:fixed;*/
		bottom:0;
		left:0;
		width:100%;
		background:#fff;
		border-top:1px solid #ddd;
		box-shadow:0 -2px 10px rgba(0,0,0,.1);
		z-index:9999;
	}

	.mobile-menu a{
		text-decoration:none;
		color:#003366;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		padding:10px 0;
		transition:.3s;
	}

	.mobile-menu a:hover{
		color:#0d6efd;
	}

	.mobile-menu i{
		font-size:28px;
		margin-bottom:4px;
	}

	.mobile-menu span{
		font-size:12px;
		font-weight:600;
		line-height:1.2;
	}
	
	
	
	
	#scrollButton{
		position:fixed;
		right:20px;
		bottom:20px;
		width:55px;
		height:55px;
		border-radius:50%;
		display:flex;
		justify-content:center;
		align-items:center;
		font-size:24px;
		z-index:9999;
		box-shadow:0 5px 15px rgba(0,0,0,.3);
		transition:.3s;
	}

	/* Esconde em telas maiores (desktop) */
	@media (min-width: 992px){
		#scrollButton{
			display:none !important;
		}
	}
	
	
		.accordion-button {
			font-weight: 200; /*600;*/
			font-size: 18px;
			color: #003b73;
			background-color: #f8f9fa;
		}

		.accordion-button:not(.collapsed) {
			color: #ffffff;
			background-color: #0066b3;
			box-shadow: none;
		}

		.accordion-body {
			font-size: 16px;
			line-height: 1.6;
			background-color: #ffffff;
		}

		.accordion-item {
			margin-bottom: 8px;
			border: 1px solid #dee2e6;
			border-radius: 6px !important;
			overflow: hidden;
		}		

		
		/* Conteúdo */ 
		.conteudo-curso (
			padding: 0; 
			background: #777777;/*#ffffff; */
		} 

		.texto-curso { 
			padding: 25px; 
		} 
		.texto-curso h4 { 
			color: #003b73; 
			font-weight: 700; 
			margin-bottom: 6px;/*12px; */
		} 
		.texto-curso p { 
			color: #555; 
			line-height: 1.6; 
			margin-bottom: 20px; 
		} 		 
		/* Responsividade */ 
		@media (max-width: 768px) {
			.accordion-button {
				font-size: 16px; padding: 14px; 
			} 
			.texto-curso { 
				padding: 20px; 
			} 
		}