/*
body {
	
}
*/

.nav-item-logo {
	width: 150px;
}

.footer-item-logo {
	width: 180px;
}


.container-sec {
	/*background-color: #004D95;*/
	background-image: linear-gradient(#0D5399, #155A9D);
	color: #fff;
}

.container-row-sec {
	padding: 4px;
}

/*

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #0d6efd;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #2660B2;
}

*/

.svg-idioma-stl {
	width: 24px;
	height: 24px;
}

.svg-idioma {
	padding: 2px;
	padding-top: 0px;
	padding-bottom: 3px;
	/*background: #fff;*/
	border: 1px solid transparent;
	/*border-radius: 4px;*/
}
.svg-idioma:focus,
.svg-idioma:hover,	
.svg-idioma.active, 
.svg-idioma.active:focus {
	border: 1px solid #004D95; /* #00153F #004D95 */
	/*background: #eee;*/ /* 004079 */
}


.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #fff;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

/* 
#0d6efd;
#0a58ca;
*/

@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}

.nav-link:focus,
.nav-link:hover,	
.navlink.active, 
.navlink.active:focus {	
	color: #004D95;
  	font-weight: none;
	background-color: #fff;
	text-decoration: none;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {	
	color: #004D95;
  	font-weight: none;
	background-color: #fff;
	text-decoration: none;
}

.dv1-header {
	background-color: #004D95; 
	color: #fff;
}

.header-li-svgs {
	background: #fff; 
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 4px;
}

.h2-sec-01 {
	color: #FEBF0F; 
	text-align: center; 
	margin-top: 30px; 
	margin-bottom: 50px;
}

.h6-sec-01 {
	color: #fff; 
	text-align: center; 
	margin-top: 30px; 
	margin-bottom: 50px;
}

.h3-sec-01 {
	color: #FEBF0F; 
	text-align: center; 
	margin-top: 30px; 
	margin-bottom: 50px;
}

.dv1-sec-01 {
	margin: 20px; 
	margin-bottom: 0px;
}

.container-sec-02 {
	margin-top: 50px;
}

.h2-sec-02 {
	color: #CC0001;
}

.p-sec-02 {
	font-size: 18px; 
	color: #2660B2;
}

.container-sec-03 {
	margin-top: 30px;
}

.h2-sec-03 {
	color: #FEBF0F; 
	text-align: right; 
	margin-top: 30px;
}

.p-sec-03 {	
	text-align: right; 
	font-size: 20px;
}

.container-sec-04 {
	margin-top: 30px;
}

.h2-sec-04 {	
	text-align: center; 
	vertical-align: middle; 
	margin: 50px; 
	color: #CC0001;
}

.container-sec-05 {
	margin-top: 30px;
}

.h3-sec-05 {
	color: #004D93; 
	text-align: left; 
	margin-top: 40px;
}
.p-sec-05 {	
	text-align: left; 
	font-size: 18px;
}

.container-sec-06 {
	margin-top: 30px;
}

.h2-sec-06 {
	color: #2660B2; 
	text-align: right;
}

.p-sec-06 {
	font-size: 18px; 
	color: #2660B2; 
	text-align: right;
}

.p2-sec-06 {
	font-size: 16px; 
	color: #2660B2; 
	text-align: right;
}

.dv1-sec-06 {
	text-align: center; 
	vertical-align: middle;
}

.dv2-sec-06 {
	margin-top: 70px; 
	margin-right: 20px; 
	vertical-align: middle;
}

.p-footer {
	color: #fff !important;
	vertical-align: middle;	
}

.p-footer-email {
	color: #fff !important;
}

.spn-footer {
	padding-top: 10px; 
	vertical-align: middle;
}

.footer {
	background-color: #004D95;
}

#header {
	background-color: #004D95; 
	color: #fff; 
	border-bottom: 0 !important; 
	margin-bottom: 0 !important;
}

#sec-01 {
	background-color: #00153F; 
	color: #fff; 
	padding-bottom: 20px;
}

#sec-02 {

}

#sec-03 {
	background-color: #021442; 
	color: #fff; 
	padding-bottom: 20px;
}

#sec-04 {

}

#sec-05 {
	background-color: #FCC32E;
	color: #004D93;
	padding-bottom: 20px;
}

#sec-06 {

}

#footer {
	background-color: #004D95
}

/* Carrossel de Vídeos */
.video-carousel-container {
	margin-top: 40px;
	margin-bottom: 40px;
	width: 100%;
	padding: 0;
}

.video-carousel-title {
	color: #FEBF0F;
	text-align: center;
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: bold;
}

.video-wrapper {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%; /* 16:9 aspect ratio */
	overflow: hidden;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}

/* Iframe do YouTube responsivo */
.youtube-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	border-radius: 8px;
}

.carousel-item {
	transition: transform 0.6s ease-in-out;
}

/* Melhorar os controles do carrossel de vídeos */
#carouselVideos .carousel-control-prev,
#carouselVideos .carousel-control-next {
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	top: 50%;
	transform: translateY(-50%);
}

#carouselVideos .carousel-control-prev {
	left: 20px;
}

#carouselVideos .carousel-control-next {
	right: 20px;
}

#carouselVideos .carousel-control-prev-icon,
#carouselVideos .carousel-control-next-icon {
	width: 20px;
	height: 20px;
}


/* Altura única para heróis/carrosséis - ajustada */
:root {
  /* Altura equilibrada - nem muito pequena nem muito grande */
  --hero-h: clamp(250px, 70vw, 650px);
}

/* Carrossel de fotos: força a altura consistente */
.carousel-container,
.carousel-container .carousel,
.carousel-container .carousel-inner,
.carousel-container .carousel-item {
  height: var(--hero-h);
}

.carousel-container .img-main {
  width: 100%;
  height: 100%;
  object-fit: contain;   /* mostra imagem inteira sem cortar */
  background-color: #00153F; /* fundo da seção para preencher espaços */
}

/* Carrossel de vídeos: mesma altura, ajustado para proporção 3:2 */
.video-carousel-container .video-wrapper {
  position: relative;
  width: 100%;
  height: var(--hero-h);
  padding-bottom: 0;     /* remove o "hack" do 16:9 */
  border-radius: 8px;
  overflow: hidden;
}

.youtube-iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Mobile bem estreito */
@media (max-width: 480px) {
  :root { --hero-h: clamp(200px, 70vw, 500px); }
}

/* -------------------------------------------------- */

@media (max-width: 767px) {	

	body {
		font-size: 12px;
	}
	
	.nav-item-logo {
		width: 100px;
	}
	
	.footer-item-logo {
		width: 70px;
	}
	
	.svg-idioma-stl {
		width: 15px;
		height: 15px;
	}
	
	.nav, .nav-link{
		font-size: 0.7rem;
	}
	
	
	.h2-sec-01 {
		margin-top: 130px;
	}
	
	.h3-sec-01 {
		font-size: 16px;
	}
	
	.h2-sec-02 {
		font-size: 16px;
	}
	
	.p-sec-02 {
		font-size: 12px;
	}
	
	.h2-sec-03 {
		font-size: 18px;
	}
	
	.p-sec-03 {
		font-size: 12px;
	}
	
	.h2-sec-04 {
		font-size: 20px;
	}
	
	.h3-sec-05 {
		font-size: 20px;
	}
	
	.p-sec-05 {
		font-size: 12px;
	}
	
	.container-sec-02 {
		margin-top: 150px;
	}
	
	.container-sec-03 {
		margin-top: 130px;
	}
	
	.container-sec-04 {
		margin-top: 130px;
	}
	
	.container-sec-05 {
		margin-top: 130px;
	}
	
	.container-sec-06 {
		margin-top: 130px;
	}
	
	/* Responsividade para carrossel de vídeos */
	.video-carousel-title {
		font-size: 18px;
		margin-bottom: 20px;
	}
	
	.video-carousel-container {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.video-wrapper {
		border-radius: 0;
		box-shadow: none;
	}
	
	#carouselVideos .carousel-control-prev,
	#carouselVideos .carousel-control-next {
		width: 40px;
		height: 40px;
	}
	
	#carouselVideos .carousel-control-prev {
		left: 10px;
	}
	
	#carouselVideos .carousel-control-next {
		right: 10px;
	}
	
	#carouselVideos .carousel-control-prev-icon,
	#carouselVideos .carousel-control-next-icon {
		width: 15px;
		height: 15px;
	}
	
}