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


.hero-section{
margin-top:95px;
}



/*=========================================
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
    );
}
        /*#c7d1df,*/

.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;
}
}
	:root {
	--azul:#002b87;
	--azul-claro:#0d5eff;
	--amarelo:#ffc107;
	--verde:#CFFFBF;
	}
	body {
		font-family: 'Poppins', sans-serif;
		background: #fff; /*#001840; #f4f6fb;*/
	} /* ===== COLUNA INFORMAÇÕES ===== */
	.info-column {
		background: #fff;
		/*background: linear-gradient(135deg, #0062C4, #99E5FF);*/
		/*background: linear-gradient(135deg, var(--azul), #001a52);*/
		
		color: #fff;
		padding: 20px 10px;
		min-height: 100vh;
	}
	.logo {
		max-width: 160px; /*320px;*/
		margin-bottom: 20px;
	}
	.main-title {
		font-size: 2rem; /*4rem;*/
		font-weight: 400;
		line-height: 1;
		margin-bottom: 5px; /*10px*/
	}
	.main-title span {
		color: var(--amarelo);
	}

	.main-title2 span {
		color: #99E5FF;
	}
	.main-title2 {
		font-size: 2.2rem; /*4rem;*/
		font-weight: 200;
		line-height: 1;
		margin-bottom: 5px; /*10px*/
	}

	.subtitle100 {
		font-size: 1.4rem; /*1.4rem*/
		line-height: 1.2;  /*1.6*/
		margin-bottom: 30px; /*50px*/
	}
	.subtitle100 strong {
		color: var(--amarelo);
	}



	.subtitle {
		font-size: 1.1rem; /*1.4rem*/
		line-height: 1.2;  /*1.6*/
		margin-bottom: 30px; /*50px*/
	}
	.subtitle strong {
		color: var(--amarelo);
	}
	.feature {
		display: flex;
		gap: 20px;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid rgba(255,255,255,.15);
	}
	.feature-icon {
		min-width: 45px;
		height: 45px;
		border-radius: 50%;
		background: rgba(255,255,255,.1);
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 16px;
		color: #fff;
	}
	.feature h6 {
		color: var(--amarelo);
		font-weight: 800;
		margin-bottom: 1px;
	}
	.feature p {
		margin: 0;
		opacity: .9;
	} /* ===== COLUNA FOTO ===== */
	.photo-column {
		background: #fff;
		/*background: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1)), linear-gradient(180deg, var(--azul-claro), var(--azul));*/
		position: relative;
		overflow: hidden;
		min-height: 100vh;
	}
	.photo-content {
		height: 100%;
		/*display: flex;*/
		align-items: flex-end;
		justify-content: center;
	}
	.photo-content img {
		max-height: 95vh;
		max-width: 100%;
		object-fit: contain;
	}
	.slogan {
		position: absolute;
		top: 40px;
		right: 40px;
		color: #fff;
		text-align: right;
		font-weight: 800;
		font-size: 2.6rem;
		line-height: 1.1;
	}
	.slogan span {
		color: var(--amarelo);
	}
	.badge-school {
		position: absolute;
		bottom: 30px;
		left: 30px;
		background: rgba(255,255,255,.95);
		padding: 18px 25px;
		border-radius: 15px;
		color: var(--azul);
		font-weight: 700;
	} /* ===== FORMULÁRIO ===== */
	.form-column {
		background: #fff;
		/*display: flex;*/
		align-items: center;
		justify-content: center;
		padding: 30px;
	}
	.form-card {
		width: 100%;
		max-width: 450px;
		border: none;
		border-radius: 25px;
		box-shadow: 0 20px 60px rgba(0,0,0,.12);
	}
	.form-header {
		background: var(--azul);
		color: #fff;
		border-radius: 25px 25px 0 0;
		padding: 30px;
	}
	.form-header h2 {
		font-weight: 700;
		margin-bottom: 8px;
	}
	.btn-matricula {
		background: var(--amarelo);
		border: none;
		color: #002b87;
		font-weight: 700;
		padding: 14px;
		font-size: 1.1rem;
	}
	.btn-matricula:hover {
		background: #ffcf32;
		color: #002b87;
	}
	.form-control, .form-select {
		padding: 12px;
	}
	.form-label {
		font-weight: 600;
		color: #333;
	}
	@media(max-width:1400px) {
	.main-title {
		font-size: 3rem;
	}
	.slogan {
		font-size: 2rem;
	}
	}
	@media(max-width:991px) {
	.info-column, .photo-column {
		min-height: auto;
	}
	.main-title {
		font-size: 2.5rem;
	}
	.slogan {
		position: relative;
		top: auto;
		right: auto;
		text-align: center;
		padding: 30px 0;
	}
	}



	html{
		scroll-behavior: smooth;
	}

	.floating-arrow{
		position:fixed;
		bottom:30px;
		right:30px;
		width:70px;
		height:70px;
		background:#ffc107;
		color:#002b87;
		border-radius:50%;
		display:flex;
		align-items:center;
		justify-content:center;
		text-decoration:none;
		font-size:32px;
		z-index:9999;
		box-shadow:0 10px 30px rgba(0,0,0,.25);

		animation:
			floatArrow 2s ease-in-out infinite,
			blinkArrow 1.5s infinite;
	}

	.floating-arrow:hover{
		color:#002b87;
		transform:scale(1.08);
	}

	```css
	html{
		scroll-behavior:smooth;
	}

	/* Oculto no desktop */
	.floating-arrow{
		display:none;
	}

	.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; }

	/* Exibe apenas no mobile e tablet */
	@media (max-width:991.98px){

		.floating-arrow{
			position:fixed;
			display:flex;
			align-items:center;
			justify-content:center;

			width:60px;
			height:60px;

			bottom:20px;
			right:20px;

			background:#ffc107;
			color:#002b87;

			border-radius:50%;
			text-decoration:none;

			font-size:28px;
			z-index:9999;

			box-shadow:0 10px 30px rgba(0,0,0,.25);

			animation:
				floatArrow 2s ease-in-out infinite,
				blinkArrow 1.5s infinite;
		}

		.floating-arrow:hover{
			color:#002b87;
		}

		@keyframes floatArrow{
			0%{
				transform:translateY(0);
			}
			50%{
				transform:translateY(-10px);
			}
			100%{
				transform:translateY(0);
			}
		}

		@keyframes blinkArrow{
			0%,100%{
				opacity:1;
			}
			50%{
				opacity:.5;
			}
		}
	}


	.captcha-box{
		border:1px solid #dcdcdc;
		border-radius:6px;
		padding:15px;
		display:flex;
		justify-content:space-between;
		align-items:center;
		background:#fafafa;
	}

	.captcha-box .form-check-label{
		font-size:16px;
		font-weight:500;
	}

	.captcha-brand{
		text-align:center;
		color:#777;
	}

	.captcha-brand small{
		display:block;
		font-size:11px;
	}

	@keyframes floatArrow{
		0%{
			transform:translateY(0);
		}
		50%{
			transform:translateY(-12px);
		}
		100%{
			transform:translateY(0);
		}
	}

	@keyframes blinkArrow{
		0%,100%{
			opacity:1;
		}
		50%{
			opacity:.4;
		}
	}

	@media (max-width:768px){

		.floating-arrow{
			width:60px;
			height:60px;
			font-size:28px;
			bottom:20px;
			right:20px;
		}
	}



    /* Accordion */
    .accordion-item{
        border: none;
        margin-bottom: 1px;
        overflow: hidden;
        border-radius: 10px;
    }

    .accordion-button{
        font-weight: 300;
        font-size: 1.05rem;
        box-shadow: none !important;
        color: #333;
    }

    .accordion-button i{
        color: #000;
        margin-right: 12px;
        font-size: 1.0rem;
    }

    .accordion-button:not(.collapsed){
        color: #222;
    }

    .accordion-button:focus{
        box-shadow: none;
    }

    /* Cores dos títulos */
    .bg-aprende{
        background: #DCEEFF !important;
    }

    .bg-habilidades{
		background: #C6E3FF !important;
        /*background: #E5F7E8 !important;*/
    }

    .bg-atuacao{
        background: #A8D3FF !important;
		/*background: #FFF2D8 !important;*/
    }
	
    .bg-laranja{
        background: #FFEFBF !important;
    }	

    .bg-laranja2{
        background: #FFE89F !important;
    }	

    .bg-verde{
        background: #CFFFBF !important;
    }	


    /* Lista */
    .accordion-body ul{
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .accordion-body li{
        position: relative;
        padding: 12px 0 12px 22px;
        border-bottom: 2px dotted #D3D3D3;
        color: #555;
        line-height: 1.6;
    }

    .accordion-body li:last-child{
        border-bottom: none;
    }

    /* Marcador circular */
    .accordion-body li::before{
        content: "";
        position: absolute;
        left: 0;
        top: 21px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #0d6efd;
    }

	#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;
		}
	}




	/* 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;
	}


	/* config das informacoes do topo */

	.info-curso{
		background:#fff;
		border:1px solid #dee2e6;
		border-radius:10px;
		overflow:hidden;
	}

	.info-item{
		padding:6px 4px;
		/*padding:12px 8px;*/
		text-align:center;
	}

	.info-item i{
		font-size:1.3rem;
		color:#0d6efd;
		margin-bottom:3px; /*6*/
		display:block;
	}

	.info-item h6{
		font-size:.75rem;
		font-weight:600;
		margin-bottom:4px;
		color:#212529;
	}

	.info-item p{
		margin:0;
		font-size:.70rem;
		line-height:1.3;
		color:#6c757d;
	}

	.divisor{
		border-right:1px solid #dee2e6;
	}

	.divisor:last-child{
		border-right:none;
	}