/*
 ****** KAH 2.2.3 ****
 *
 ** Tema do FESTIVAL DE CIRCO DO BRASIL 2025 - Por Jorge::Calçado **
 * http://jorgecalcado.com.br *
 *
 */

@import url("https://use.typekit.net/djq0tbn.css");
 
.container, .container-fluid {
	border:solid 0px green;
	padding:0;
/*	max-width:1100px;*/
/*border: solid 1px red;*/
}

/*.row {
	float:left;
	width: 100%;
	border:solid 1px red;
	margin:0;
	padding:0;
}*/

.row {
	margin:0;
	padding:0;
		border:solid 0px red;
}

/*[class*="col-"], footer, nav, aside, section, div[role="main"] {
	border: 1px solid rgba(86,61,124,.2);
}*/

body {
	margin:0;
	padding:0;
	font:16px arial, verdana, sans-serif;
	color:#000;
	background-color: #3100ff;
}

/************************************************************
					*
					*
					TOPO *
						 *
**************************************************************/

.top {
	float: left;
	width:100%;
/*	height:100%;*/
	padding:0;
/*	background: #000;*/
	background: transparent;
	border:solid 0px yellow;
}
	.top2 {
		float: left;
		width:100%;
		padding:0;
		background: #3100ff;
		border:solid 0px yellow;
	}
	/*so para pagina da programacao em tabelas*/
		.top5 {
			float: left;
			min-width:100%!important;
			padding:0;
			background: #000;
			border:solid 0px yellow;
		}

		body.preto {
			background: #000;
		}

	#seguratopo {
		border: solid 0px GREEN;
	}

	#boxtopo {
		padding:0 0 0 0;
		margin:0 0 0 0;
		border: solid 0px orange;
	}


		#meuSlider3 {
			width: 100%;
			position: relative;
			z-index: 2;
			margin: -70px 0 0 0;
			float: left;
			background: #000;
		}
			#meuSlider3 img{
				min-width: 100%;
			}


			/* Adicione a classe .carousel-fade para criar o efeito de esvanecer */
			.carousel-fade .carousel-inner .item {
			    opacity: 0;
			    transition-property: opacity;
			}

			.carousel-fade .carousel-inner .active {
			    opacity: 1;
			}

			.carousel-fade .carousel-inner .active.left,
			.carousel-fade .carousel-inner .active.right {
			    left: 0;
			    opacity: 0;
			    z-index: 1;
			}

			/* Personalize a transição conforme desejado */
			.carousel-fade .carousel-control {
			    z-index: 2;
			}


			/*remove indicadores*/
			.carousel-indicators3 {
				display: none;
			}

		#logo {
			position: relative;
			z-index: 4;
			float: left;
			margin: -47% auto;
			padding: 0 0 0 0;
			/*background: #000;*/
			border: solid 0px blue;
		}	
			#logo img {
				margin: 0 auto;
				border: solid 0px blue;
			}
		/*		#logo {
					position: relative;
					z-index: 4;
					margin: -65px auto;
					padding: 0 0 0 0;
					background: #000;
					border: solid 2px blue;
				}	
					#logo img {
						margin: 0 auto;
						border: solid 0px blue;
					}
		*/

#redes {
	float: right;
	width: 130px;
	padding: 2px 0 0 0;
	text-align:right;
	border: solid 0px blue;
}
		.icones{
			float: left;
			width: 100%;
			border:solid 0px red;
		}
			#redes a {
				  font:18px Arial, Helvetica, sans-serif;
				  color: #fff;
				  margin:0 3px 0 3px;
			}
			#redes a:hover {
				  color: #F9C21D;
				  text-decoration: none;
			}
	
	.bandeiralinguagem {
		float: left;
		width: 100%;
		margin: 0 0 5px 0;
		border:solid 0px red;
	}


	/***** < = 801 ********/
	@media (max-width: 801px) {

		#meuSlider3 {
			margin: 0px 0 0 0;
		}

		#redes {
			float: right;
				width: 160px;
				margin: 0 0 0 0;
				padding: 5px 5px 0 0;
				text-align:right;
				border: solid 0px red;
			}
				#redes a {
				font:18px Arial, Helvetica, sans-serif;
				color: #fff;
				margin:0 5px 0 5px;
			}
	}

#seguramenu {
	background: transparent;
	position: relative;
	z-index: 5;
	border:solid 0px red;
}

#menu {
	min-height: 66px;
	margin:3px 0 0 0;
	padding:0;
	background: transparent;
	border-bottom:solid 1px #fff;
}

.navbar-default {
	float: left;
	font-family: "transat-text", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	letter-spacing: -0.8px;
  	/*font:13px Montserrat, Arial, Helvetica, sans-serif;
  	font-weight: bold;*/
  	padding:0!important;
  	margin:0 0 0 0!important;
	background-color: transparent!important;
  	border:solid 0px green;
}
	
	.navbar-default .navbar-nav > li {
		float:left;
		margin:2% 0 0 0!important;
		padding: 0!important;
		background-color: transparent!important;
  	border: solid 0px blue;
	}
	
	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav > li > a:visited {
	  color: #fff;
	  padding:5px 10px 5px 10px;
	  margin:0!important;
			border: solid 0px blue;
	}

	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:active {
	  color: #fff;
	  padding:5px 10px 5px 10px;
	  margin:0!important;
			border: solid 0px blue;
	}
		/*condicao para a tag*/
		.navbar-default .navbar-nav > li.menu-item-9 > a,
		.navbar-default .navbar-nav > li.menu-item-9 > a:visited,
		.navbar-default .navbar-nav > li.menu-item-9 > a:active  {
		  color: #fff!important;
		}

	/*primeiro item*/						
	.navbar-default .navbar-nav > li.menu-item-5 > a {
		padding:5px 10px 5px 0;
		margin: 0!important;
		border: solid 0px red;
	}

	
	.navbar-default .active a,
	.navbar-default .active a:visited {
		background:transparent!important;
		color: #fff!important;
	}


	.navbar-default .navbar-nav > li > .dropdown-menu {
		padding:0!important;
		margin:0!important;
		z-index:9999;
		background-color: #fec41d;
		border:solid 0px green;
	}

/*******************************/


/* CSS para Submenus de 3 níveis - Adicionar ao final do duda.css */

/* TAMANHO DA CAIXA DO DROPDOWN - AJUSTE PRINCIPAL */
.navbar-default .navbar-nav > li > .dropdown-menu {
    min-width: 100% !important; /* Largura mínima maior */
    width: auto !important;
}


/* QUEBRA DE TEXTO para itens do nível 2 */
.navbar .navbar-nav > li > .dropdown-menu > li > a {
    color: #000;
    display: block !important;
    margin: 0 0 0 0 !important;
    padding: 0 10px 0 10px !important;
    border: solid 2px green;
    white-space: normal !important; /* Permite quebra de linha */
    word-wrap: break-word !important; /* Quebra palavras longas */
    overflow-wrap: break-word !important; /* Compatibilidade */
    hyphens: auto !important; /* Hifenização automática */
    line-height: 1 !important; /* Melhor espaçamento entre linhas */
    min-height: auto !important;
    height: auto !important;
}

/* Força o dropdown principal a sempre mostrar quando aberto */
.dropdown.open > .dropdown-menu {
    display: block !important;
}

/* Submenu de terceiro nível como sublista */
.dropdown-submenu {
    position: relative;
}

/* Terceiro nível sempre visível como sublista - FORÇA A APARECER */
.dropdown-submenu > .dropdown-menu {
    position: static !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: block !important; /* SEMPRE VISÍVEL */
    background: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Remove qualquer hover que possa estar interferindo */
.dropdown-submenu:hover > .dropdown-menu,
.dropdown-submenu > .dropdown-menu {
    display: block !important;
    visibility: visible !important;
}

/* Remove seta do submenu já que será uma lista */
.dropdown-submenu > a:after {
    display: none !important;
}

/* Sobrescreve qualquer CSS do Bootstrap que esteja escondendo os submenus */
.navbar-default .navbar-nav .dropdown-submenu > .dropdown-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}


.navbar-default .navbar-nav > li > .dropdown-menu > li.dropdown-submenu {
    width: 100% !important;
    float: left !important;
	text-align: left!important;
    margin: 0 !important;
	padding: 0 0 0 0 ;
}

/* Item pai do terceiro nível */
.navbar-default .navbar-nav > li > .dropdown-menu > li.dropdown-submenu > a {
    color: #000;
    display: block !important;
    margin: 0 !important;
    padding: 15px 5px 10px 35px !important;
    font-weight: bold;
    border: solid 0px green;
}

/* Itens da sublista (terceiro nível) */
.navbar-default .navbar-nav > li > .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li {
    width: 100% !important;
    float: left !important;
    margin: 0 !important;
    z-index: 9999;
    font-family: "transat-text", sans-serif;
    font-weight: 300 !important; /* Mais leve que o pai */
    font-style: normal;
    font-size: 13px; /* Menor que o pai */
    text-transform: uppercase;
    text-align: left !important; /* Alinhado à esquerda para parecer sublista */
    border-bottom: solid 1px #fff; /* Borda mais sutil */
    padding: 0 10px 0 10px; /* Indentação para mostrar hierarquia */
}


.navbar-default .navbar-nav > li > .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li > a {
    color: #000;
    display: block !important;
    margin: 0 !important;
    padding: 8px 5px 8px 10px !important; /* Padding menor e indentado */
    border: solid 0px green;
    font-weight: normal;
}

.navbar-default .navbar-nav > li > .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li > a:focus {
    background: transparent !important; /* Hover mais sutil */
    color: #000 !important;
}

/* Mobile - ajustes para menu toggle */
@media (max-width: 801px) {
    /* Dropdown ainda maior no mobile */
    .navbar-default .navbar-nav > li > .dropdown-menu {
        min-width: 100% !important;
        max-width: 90vw !important; /* 90% da largura da tela */
        width: auto !important;
    }
    
    /* No mobile, mantém a estrutura de sublista */
    .dropdown-submenu > .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        display: block !important;
    }
    
    /* Indentação maior no mobile para melhor hierarquia visual */
    .navbar-default .navbar-nav > li > .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li {
           padding: 5px 5px 5px 15px !important;
    }
    
    /* Quebra de texto no mobile também */
    .navbar-default .navbar-nav > li > .dropdown-menu > li > a,
    .navbar-default .navbar-nav > li > .dropdown-menu > li.dropdown-submenu > a {
        white-space: normal !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
        line-height: 1.3 !important;
    }
    
    .navbar-default .navbar-nav > li > .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li > a {
        padding: 8px 15px 8px 15px !important; /* Mais espaço e indentação */
        white-space: normal !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
        line-height: 1.2 !important;
    }
    
    /* Item pai no mobile */
    .navbar-default .navbar-nav > li > .dropdown-menu > li.dropdown-submenu > a {
        padding: 10px 15px 0px 35px !important;
        background-color: transparent !important;
    }
}

/* CSS para Bandeiras no Menu - Adicionar no duda.css */

/* Bandeira da França */
.navbar-default .navbar-nav .menu-franca > a {
    position: relative;
    /* padding-left: 50px !important; */ /* Espaço para a bandeira */
}

.navbar-default .navbar-nav .menu-franca > a:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url('../imagens/bandeira-franca.png'); /* Ajuste o caminho */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Bandeira do Brasil */
.navbar-default .navbar-nav .menu-brasil > a {
    position: relative;
    padding-left: 50px !important; /* Espaço para a bandeira */
}

.navbar-default .navbar-nav .menu-brasil > a:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url('../imagens/bandeira-brasil.png'); /* Ajuste o caminho */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Ajustes para mobile */
@media (max-width: 801px) {
    .navbar-default .navbar-nav .menu-franca > a,
    .navbar-default .navbar-nav .menu-brasil > a {
        padding-left: 55px !important;
        padding-top: 20px !important;
        padding-bottom: 15px !important;
    }
    
    .navbar-default .navbar-nav .menu-franca > a:before,
    .navbar-default .navbar-nav .menu-brasil > a:before {
        left: 10px;
        width: 20px;
        height: 20px;
    }
}

/* Bandeira da França */
.navbar-default .navbar-nav .menu-franca > a {
    position: relative;
    padding-left: 50px !important; /* Espaço para a bandeira */
}

.navbar-default .navbar-nav .menu-franca > a:before {
    content: "";
    position: absolute;
    left: 7px;
    top: 57%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url('../imagens/bandeira-franca.png'); /* Ajuste o caminho */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Bandeira do Brasil */
.navbar-default .navbar-nav .menu-brasil > a {
    position: relative;
    padding-left: 50px !important; /* Espaço para a bandeira */
}

.navbar-default .navbar-nav .menu-brasil > a:before {
    content: "";
    position: absolute;
    left: 7px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url('../imagens/bandeira-brasil.png'); /* Ajuste o caminho */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Ajustes para mobile */
@media (max-width: 801px) {
    .navbar-default .navbar-nav .menu-franca > a,
    .navbar-default .navbar-nav .menu-brasil > a {
        padding-left: 55px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    
    .navbar-default .navbar-nav .menu-franca > a:before,
    .navbar-default .navbar-nav .menu-brasil > a:before {
        left: 10px;
        width: 20px;
        height: 20px;
		 top: 65%;
    }


}






/*************************************/

				/*submenu*/
				.dropdown .sub-menu {
					position: absolute;
					visibility: hidden;
				}

				.dropdown li:hover .sub-menu {
					visibility: visible;
				}

				.dropdown:hover .dropdown-menu {
					display: block;
				}

						.nav > li.dropdown.open .dropdown-menu {
							display:table; 
							width: 100%; 
							border-radius: 0px;
							background-color: #FEC41D!important;
							text-align: center; 
							left:0; 
							right:0; 
						}

						.dropdown-menu {
						      min-width:auto;
						      width:100%;
						 }

						 		/*item atracoes E item convocatória*/
							 	.navbar .navbar-nav > li#menu-item-8 > .dropdown-menu > li,
							 	.navbar .navbar-nav > li#menu-item-6 > .dropdown-menu > li {
								 	width:100%;
								 	float:left!important;
								 	margin:0!important;
								 	z-index:9999;
								 	font-family: "transat-text", sans-serif;
									font-weight: 400;
									font-style: normal;
								 	text-transform: uppercase;
								 	text-align: center!important;
								 	background-color: #fec41d!important;
								 	/*padding:15px!important;*/
								 	/* border-left:solid 1px #000;
								 	border-bottom:solid 1px #000; */
						 		}

						 		.navbar-default li#menu-item-8 .active a,
						 		.navbar-default li#menu-item-6 .active a,
						 		.navbar-default li#menu-item-8 .active a:visited
						 		.navbar-default li#menu-item-6 .active a:visited {
						 			background:transparent!important;
						 			color: #000!important;
						 		}

						 		.navbar .navbar-nav > li > .dropdown-menu > li  {
								 	width:50%;
								 	float:left!important;
								 	margin:0!important;
								 	z-index:9999;
								 	font:14px Montserrat, Arial, Helvetica, sans-serif;
								 	text-transform: uppercase;
								 	text-align: center!important;
								 	background-color: #FEC41D!important;
								 	padding:15px 0  15px  0;
								 	border-left:solid 1px #000;
								 	border-bottom:solid 1px #000;
						 		}

																
								/* remove as bordas so dos itens franca e brasil no item atracoes */
								.navbar-default .navbar-nav > li > .dropdown-menu > li#menu-item-17307,
								.navbar-default .navbar-nav > li > .dropdown-menu > li#menu-item-17309 {
									border-left: none !important;
									border-bottom: none !important;
								}

								/* acrescenta uma borda de separacao entre os itens franca e brasil */
								.navbar-default .navbar-nav > li > .dropdown-menu > li.dropdown-submenu > .dropdown-menu > li#menu-item-17415 {
								 	border-bottom:solid 12px #3100ff!important;
						 		}

									.navbar .navbar-nav > li > .dropdown-menu > li > a {
										color: #000;
										display: block!important;
										margin: 0 0 0 0!important;
										padding: 0 0 0 0!important;
										border:solid 0px green;
									}
								
									.navbar .navbar-nav > li > .dropdown-menu > li > a:hover,
									.navbar .navbar-nav > li > .dropdown-menu > li > a:focus {
										background: transparent;
										color: #000;
									}
							
									/*configura a cor dos links quando ativos no pai do submenu*/
									.navbar-default .navbar-nav > .open > a,
									.navbar-default .navbar-nav > .open > a:visited,
									.navbar-default .navbar-nav > .open > a:focus,
									.navbar-default .navbar-nav > .open > a:hover {
										color: #fff;
										background-color: transparent;
									}

/***** < = 800 ********/
@media (max-width: 801px) {

		#menu {
			margin:0 0 0 0;
			padding: 7px 0 0 0;
			background: #3100ff;
			border:solid 0px red;
		}

		/*menu toogle*/
		button.navbar-toggle {
			float: left;
			margin: -18px 0 0px 10px;
			  color: #fff!important;
				border-color: #fff!important;
		}

		.navbar-toggle {
			/*margin-top: 8px;*/
			margin-right: 5%;
			/*margin-bottom: 8px;*/

		}
		
		button.navbar-toggle:hover, button.navbar-toggle:focus {
			background:#3100ff!important;
		}
		
		
		button.navbar-toggle span{
			  background: #fff!important;
		}


		/*retira linha braca apos o botao togle*/
		.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		  border-color: #3100ff;
		}

			.navbar {
				float:right;
				width:100%;
				min-height:30px!important;
				border: solid 0px red; 
			 }
		
			.navbar-default {
				float:left;
				 width:100%;
				margin:-10px 0 0 0!important;
				padding:0 0 0 0;
				font:14px Montserrat, Arial, Helvetica, sans-serif;
				font-weight: bold;
				background-color: #000;
				border:solid 0px yellow;
			}
				/*retira o scrool do sub quando no togle*/
				.navbar-collapse.in {
					/* overflow: hidden!important;	 */
				}
		
				/*menu*/
				.navbar-default .navbar-nav > li {
					float:left;
					width:100%;
					text-align: center;
					margin:1.5% 0 0 1%!important;
					border-bottom: solid 1px #fff;
				}
			
					.navbar-default .navbar-nav > li > a {
					  color: #fff!important;
					 	padding:15px 20px 20px 20px;
					  margin:0!important;
							border-bottom: solid 0px #fff;
					}
							
					.navbar-default .navbar-nav > li > a:hover,
					.navbar-default .navbar-nav > li > a:active {
					  color: #FFDE00!important;
					  padding:15px 20px 20px 20px;
					  margin:0!important;
					  border-bottom: solid 0px #fff;
					}

					.navbar-default .navbar-nav .open .dropdown-menu > li > a {
						color: #000;
					}

					/*primeiro item*/						
					.navbar-default .navbar-nav > li.menu-item-5 > a {
					 padding:0 15px 20px 20px;
					  margin: 0!important;
					  border: solid 0px red;
					}		


					 	.navbar .navbar-nav > li > .dropdown-menu > li  {
					 		height: auto;
					 		border-left:solid 1px #000;
					 		border-bottom:solid 1px #000;
				 		}


}





/************************************************************
					*
					*
					LINHA IG CAPA*
						 *
	**************************************************************/

		.linha-ig {
			float:left;
			width:100%;
			padding:0px 0 100px 0;
			margin:0 0 0 0;
		    background:	url('../imagens/baixo-ig.png') 70% bottom no-repeat,
		    			url('../imagens/back-linha-ig.png') top left repeat;
		    background-color: #1A4657;
			border:solid 0px yellow;
		}

			.box-tit-capa {
				float: left;
				width: 100%;
				border:solid 0px red;
			}
				.box-tit-capa h1 {
					float: left;
					font:36px Montserrat, Arial, Helvetica, sans-serif;
					font-weight: bold;
					margin: 0;
					color: #26263D;
					letter-spacing: .1rem;
					padding: 0;
							border:solid 0px red;
				}

			.redes2 {
				width: 100%;
				float: right;
				padding: 10px 0 0 0;
				text-align:center;
				border: solid 0px blue;
			}
				.redes2 a {
					  font:20px 'Oswald',Arial, Helvetica, sans-serif;
					  color: #ffc722;
					  margin:0 5px 0 5px;
				}
				.redes2 a:hover {
					  color: #178591;
					  text-decoration: none;
				}

				span.icone {
					font:30px 'Oswald',Arial, Helvetica, sans-serif;
					 color: #fff;
				}

				.box-post-ig-capa {
					float: left;
					width: 100%;
					/*height: 400px;*/
					margin: 20px 0 0 0;
					border:solid 0px red;
				}
					/*imagem da lateral esq do ig*/
					.dois {
						margin: 25% 0 0 0;
						border:solid 0px red;
					}

				/*deixa imagens em pb*/
					/*.box-post-ig-capa img {
						-webkit-filter: grayscale(100%);
						filter: grayscale(100%);*/
						/*filter: gray; /* IE */
					/*}*/
					
	
		/***** < = 801 ********/
		@media (max-width: 801px) {
			.linha-ig {
				padding:0 30px 50px 30px;
				text-align: center!important;
				border:solid 0px yellow;
			}

				.box-post-ig-capa {
					float: left;
					width: 100%;
					/*height: 400px;*/
					margin: 10px 0 0 0;
					border:solid 0px red;
				}

			/*	.box-tit-capa img {
					min-width: 200%;
				}*/

				.redes2 a {
					  font:20px 'Oswald',Arial, Helvetica, sans-serif;
				}
				span.icone {
					font:20px 'Oswald',Arial, Helvetica, sans-serif;
					 color: #fff;
				}


			.dois {
				display: none;
			}

		}

/*******/



/************************************************************
					*
					*
					LINHA APOI CAPA*
						 *
	**************************************************************/

		.linha-apoio {
			float:left;
			width:100%;
			padding:60px 0 10px 0;
			margin:0 0 0 0;
			/* background-color: #f09b02;*/
			background:	#fff url('../imagens/lateral-regua.png') top right no-repeat;
			border:solid 0px yellow;
		}

	@media (max-width: 801px) {
		.linha-apoio {
			padding:40px 0 10px 0;
			margin:0 0 0 0;
			background:	#fff;
			border:solid 0px yellow;
		}
	}

/************************************************************
					*
					*
					LINHA VIDEO CAPA*
						 *
	**************************************************************/

		.linha-video {
			float:left;
			width:100%;
			padding:60px 0 100px 0;
			margin:0 0 0 0;
		    /*background-color: #F4F4F4;*/
		    background-color: #f6bc00;
			border:solid 0px yellow;
		}

		.video-capa {
			border: solid 0px red;
		}

		.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
			background: transparent!important;
			border-radius: 10px 10px 10px 10px;
		}

		#box-cta{
			border: solid 0px red;
		}


		.cta {
			width: 100%;
			float: left;
			text-align: center;
			background: #3100ff;
			padding: 10px;
			border-radius: 25px;
			border: solid 0px green;
		}
			.cta p,
			.cta p a,
			.cta p a:hover {
				font: 22px arial, helvetica, sans-serif;
				color: #fff;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				text-decoration: none;
			}

	@media (max-width: 801px) {
		.cta {
			padding: 10px;
		}
		.cta p,
		.cta p a,
		.cta p a:hover {
			font: 16px arial, helvetica, sans-serif;
		}

	}
		/*condicoes gerais para os videos 100%*/
		.embed-container {
		    position: relative;
		    padding-bottom: 56.25%;
		    height: 0;
		    overflow: hidden;
		  	width: 100%!important;
		  	height: auto;
		    border: solid 0px red;
		}
		 
		.embed-container iframe, .embed-container object, .embed-container embed {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%!important;
		    height: 100%;
		}

		.wp-video {
			min-width: 100%!important;
			height: auto;
		  	border: solid 1px #f6bc00!important;
			   	/* Define o raio dos cantos para criar a borda arredondada */
			border-radius: 20px; /* Você pode ajustar o valor conforme necessário */
			overflow: hidden; /* Garante que o vídeo não ultrapasse os cantos arredondados */
		}

		/****** De 800 a baixo *****/
		@media (max-width: 801px) {
			.linha-video {
				padding:30px 0 30px 0;
			}
		}

/*******/



/************************************************************
					*
					*
					LINHA PROGRAMACAO CAPA*
						 *
	**************************************************************/

		.linha-programacao {
			float:left;
			width:100%;
			padding:100px 0 150px 0;
			margin:0 0 0 0;
		    /* background-color: #ff0000; */
			background:	 #ff0000 url('../imagens/back-estrela.png') top center	 no-repeat;
			border:solid 0px yellow;
		}

		.linha-programacao-brasil {
			float:left;
			width:100%;
			padding:100px 0 150px 0;
			margin:0 0 0 0;
			background:	 #2827ff url('../imagens/back-estrela2.png') top center	 no-repeat;
			border:solid 0px yellow;
		}

		/* Altera a cor das setas do slider */
		.carousel-control.left, .carousel-control.right {
		    background-image: none; /* Remove o ícone padrão */
		    background-color: transparent; /* Define a cor de fundo da seta esquerda e direita */
		    width: 50px; /* Define a largura da área de clique da seta */
		    height: 50px; /* Define a altura da área de clique da seta */
		    border-radius: 50%; /* Faz com que a área de clique seja um círculo */
		    opacity: 0.8; /* Opacidade das setas quando não estão sendo hover */
		    transition: background-color 0.3s; /* Adiciona uma transição de cor suave */
		    position: absolute; /* Posiciona as setas de forma absoluta */
		    top: 70%; /* Posiciona as setas no meio verticalmente */
		    transform: translateY(-50%); /* Ajusta a posição vertical das setas */
		    color: #fff;
		}

		/* Altera a cor das setas quando estão em hover */
		.carousel-control.left:hover, .carousel-control.right:hover {
		    background-color: transparent; /* Nova cor de fundo quando as setas estão em hover */
		}

		/* Remove o degradê preto das laterais do slider */
		.carousel {
		    background: none; /* Remove o degradê de fundo */
		}

			.quatro {
				padding: 0 0 0 20px;
				border: solid 0px green;
			}

			@media (max-width: 801px) {
				.quatro {
					padding: 0 0 0 0px;
					border: solid 0px green;
				}
			}

		    .tit-geral-prog {
		    	float: left;
		    	width: 100%;
		    	height: 75px;
		    	margin: 0 0 0px 0;
		    	background:	url('../imagens/tit-prog.png') top right no-repeat;
		    	border: solid 0px green;
			}

			#subtitulo-programacao {
		    	float: left;
		    	width: 100%;
		    	margin: 0 0 0px 0;
		    	border: solid 0px green;
			}

				#subtitulo-programacao h2{
					text-align: left;
					font-family: "calistoga-regular", serif;
					font-weight: 800;
					font-style: normal;
					font-size: 30px;
					line-height: 20px;
					color:#000;
					margin:0;
					padding:0;
					letter-spacing: -1px;
					text-transform:none;
					border:solid 0px red;
				}

			#titulo-programacao {
		    	float: left;
		    	width: 100%;
		    	margin: 0 0 10px 0;
		    	border: solid 0px green;
			}

				#titulo-programacao h1{
					text-align: left;
					font-family: "calistoga-regular", serif;
					font-weight: 800;
					font-style: normal;
					font-size: 70px;
					/* line-height: 80px; */
					color:#000;
					margin:0;
					padding:0;
					letter-spacing: -5px;
					text-transform:none;
					border:solid 0px red;
				}


				@media (max-width: 801px) {
					#titulo-programacao h1{
						font-size: 60px;
						line-height: 50px;
					}

					#subtitulo-programacao h2{
						font-size: 18px;
						border:solid 0px red;
					}	
				}

			/*	.carousel-inner{
				float: left;
				height: 300PX;
				border: solid 5px black!important;
			}
			.item {
				float: left;
				border: solid 5px orange;
			}

			.carousel-inner {
					border: solid 3px green;
			}*/

			.box-slide-prog {
				font-family: "transat-text", sans-serif;
				font-weight: 300;
				font-style: normal;
				font-size: 20px;
				color:#fff;
				color: #fff!important;
				padding: 0 30px 0 30px;
				border: solid 0px green;
			}

				.box-slide-prog img{
					border-radius: 20px 20px 20px 20px;
					-moz-border-radius:  20px 20px 20px 20px;
					-webkit-border-radius:  20px 20px 20px 20px;
				}

			.box-slide-prog p{
				margin: 0 0 0 0;
				padding: 0 0 0 0;
			}

			.tit-prog {
				font-family: "calistoga-regular", serif;
				font-weight: 900;
				font-style: normal;
				font-size: 30px;
				color: #fff;
				margin: 0 0 20px 0;
				padding: 0 0 0 0;
			}
				.tit-prog .data {
					font-family: "calistoga-regular", serif;
					font-weight: 900;
					font-style: normal;
					font-size: 30px;
					color: #fff;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
				}
				.tit-prog .linha {
					font-family: "calistoga-regular", serif;
					font-weight: 800;
					font-style: normal;
					font-size: 40px;
					color: #fff;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
				}

			.tab {
				float: left;
				width: 25px;
			}

			.box-indicadores {
				float: left;
				width: 100%;
				margin: -50px 0 50px 0;
				border: solid 0px orange;
			}

				ol.carousel-indicators {
					width: 79%;
					right: 0;
					bottom: 65%;
					position: relative;
					z-index: 15;
					/*height: 40px;*/
					text-align: right;
					border: solid 0px green;
				}

					/*.carousel-indicators li {
					  display: inline-block;
					  width: 50px;
					  height: 35px;
					  cursor: pointer;
					  border: 1px solid #fff;
					  font: 20px arial, helvetica, sans-serif;
					  color: #223C5F!important;
					  text-align: right;!important;
					  border-radius: 12px;
					  margin: 0 -3px 0 0;
					  padding: 5px 15px 10px 18px;
					  background-color: transparent;
					  border: solid 0px orange;
					}
					.carousel-indicators li.doisdigitos {
					  width: 60px;
					  height: 35px;
					}

					.carousel-indicators .active {
						width: 50px;
						height: 35px;
						font: 20px arial, helvetica, sans-serif;
						color: #000!important;
						text-align: right;!important;
						border-radius: 12px;
						margin: 0 -3px 0 0;
						padding: 5px 15px 10px 18px;
						background-color: #F87C22!important;
						border: solid 2px #FFC020;
						color: #223C5F!important;
					}
				*/		
		/*some com bolinhas*/
		.carousel-indicators-2 {
			display: none;
		}

	@media (max-width: 801px) {
			.linha-programacao {
				padding:30px 0 40px 0;
			}

		    .tit-geral-prog {
		    	height: 180px;
		    	margin: 0 0 5px 0;
				/*background:	url('../imagens/tit-prog-cel.png') top center no-repeat;*/
			}

			#titulo-programacao {
				margin: 0 0 0px 0;
			}

			.box-slide-prog p{
				margin: 0 0 0 0;
				padding: 0 0 5px 0;
			}

			.tit-prog {
				font-family: "swear-display", serif;
				font-weight: 800;
				font-style: normal;
				font-size: 22px;
				color: #fff;
				margin: 10px 0 20px 0;
				padding: 0 0 0 0;
			}
				.tit-prog .data {
					font-family: "swear-display", serif;
					font-weight: 800;
					font-style: normal;
					font-size: 22px;
					color: #fff;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
				}
				.tit-prog .linha {
					font-family: "swear-display", serif;
					font-weight: 800;
					font-style: normal;
					font-size: 22px;
					color: #fff;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
				}

			.tab {
				float: left;
				width: 0px;
			}

			.box-indicadores {
				margin: 0 0 0 0;
			}

			ol.carousel-indicators {
				width: 85%;
				left: 31%;
				right: 0;
				bottom: 67%;
				/*height: 40px;*/
				text-align: right;
				border: solid 0px black;
			}

					.carousel-indicators li {
					  width: 40px;
					  height: 25px;
					  font: 15px arial, helvetica, sans-serif;
					  border-radius: 7px;
					  padding: 5px 10px 25px 10px;
					}
					.carousel-indicators li.doisdigitos {
					  width: 50px;
					  height: 25px;
					}

					.carousel-indicators .active {
						width: 40px;
						height: 25px;
						font: 15px arial, helvetica, sans-serif;
						border-radius: 7px;
						padding: 5px 10px 25px 10px;
					}


	}

/******/


/************************************************************
					*
					*
					LINHA INSCREVA-SE CAPA*
						 *
	**************************************************************/

		.linha-inscrevase {
			float:left;
			width:100%;
			padding:60px 0 20px 0;
			margin:0 0 0 0;
		    /*background:	url('../imagens/back-inscrevase.png') top no-repeat;*/
		    /*background-color: #F4F4F4;*/
		    background-color: #4ba60d;
			border:solid 0px yellow;
		}

/******/

/************************************************************
					*
					*
					LINHA INSCREVA-SE CAPA*
						 *
	**************************************************************/
	.imagemserv img {
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
/*	border: 8px solid #26263D;*/
	}

/******/

/************************************************************
					*
					*
					LINHA SUSTENTABILIDADE CAPA*
						 *
	**************************************************************/

		.linha-sustentabilidade{
			float:left;
			width:100%;
			padding:60px 0 100px 0;
			margin:0 0 0 0;
/*		    background-color: #025863;*/
background:	#3100ff url('../imagens/back-sustent.png') top no-repeat;
			border:solid 0px yellow;
		}

		.box-tit-capa-sustente {
			float:left;
			width:100%;
			text-align:left;
			margin:0 0 10px 0;
			padding:0!important;
			border:solid 0px #000;
		}

					.box-tit-capa-sustent {
						float: left;
						width: 100%;
						text-align: center;					
						border: solid 0px red;
					}

						.box-tit-capa-sustent h1{
							font-family: "calistoga-regular", serif;
							font-weight: 900;
							font-style: bold;
							font-size: 85px;
							color:#fff;
							margin:0 0 40px 0;
							padding:0;
							line-height: 60px;
							text-transform:none;
							letter-spacing: -3px;
							border:solid 0px red;
						}
						.box-tit-capa-sustent h2{
							font-family: "calistoga-regular", serif;
							font-weight: 800;
							font-style: normal;
							font-size: 40px;
							color:#fff;
							margin:0;
							padding:0;
							text-transform:none;
							border:solid 0px red;
						}
							.text-capa {
								float: left;
								margin: 3% 0 0 0;
								border:solid 0px red;
							}

							.text-capa p {
								font-family: "transat-text", sans-serif;
								font-weight: 400;
								font-style: normal;
								font-size: 24px;
								margin:0;
								padding:0;
								text-align:justify;
								color: #fff;
								border:solid 0px red;
							}


						@media (max-width: 801px) {
							.linha-sustentabilidade{
								padding:30px 0 40px 0;
							}
							.text-capa {
								padding:30px;
							}
							.box-tit-capa-sustent h1{
								font-family: "calistoga-regular", serif;
								font-size: 50px;
								margin:0 0 0 0;
								line-height: 50px;
							}
							.box-tit-capa-sustent h2{
								font-family: "calistoga-regular", serif;
								font-size: 50px;

							}
							.text-capa p{
								font-family: "transat-text", sans-serif;
								font-weight: 400;
								font-style: normal;
								font-size: 16px;
							}
						}

/******/


/************************************************************
					*
					*
					LINHA REDES RODAPE CAPA*
						 *
	**************************************************************/

		.linha-redes-rodape{
			float:left;
			width:100%;
			padding:30px 0 10px 0;
			margin:0 0 0 0;
		    background-color: #3100ff;
			border:solid 0px green;
		}

			.box-tit-capa3 {
				float: left;
				width: 100%;
				padding: 0 0 15px 0;
				border-bottom:solid 1px #fff;
			}

			.redes3 {
				width: 100%;
				float: right;
				padding: 10px 0 0 0;
				text-align:center;
				border: solid 0px orange;
			}
			.redes3 a {
				font-family: "transat-text", sans-serif;
				font-weight: 400;
				font-size: 20px;
				font-style: normal;
				color: #fff;
				margin:0 5px 0 5px;
			}
			.redes3 a:hover {
				color: #fff;
				text-decoration: none;
			}

			span.icone2 {
				font: 28px Arial, Helvetica, sans-serif;
				color: #fff;
			}

		@media (max-width: 801px) {
		 .tit-redes-rodape {
		 	display: block;
		 }
		 .redes3 a {
				font-family: "transat-text", sans-serif;
				font-size: 12px;
			}
			span.icone2 {
				font: 20px Arial, Helvetica, sans-serif;
				color: #fff;
			}
		}


/************************************************************
					*
					*
					LINHA ULTIMAS EDICOES CAPA*
						 *
	**************************************************************/

		.linha-ultimas-edicoes{
			float:left;
			width:100%;
			padding:60px 0 100px 0;
			margin:0 0 0 0;
		    background-color: #C53443;
			border:solid 0px yellow;
		}

		@media (max-width: 801px) {
			.linha-ultimas-edicoes{
				padding:30px 0 40px 0;
			}
		}

/******/

/************************************************************
					*
					*
					CONFIGURAÇOES GERAIS*
						 *
**************************************************************/

.linha-conteudo-interno {
	width: 100%;
	background: #fff;
	padding: 10px;
	border:solid 0px red;
}

/*so para pagina da programacao em tabelas*/
.linha-conteudo-interno2 {
	float: left;
	min-width: 100%;
	background: #FEC41D;
	padding: 10px;
	border:solid 0px red;
}

	#boxseguraconteudo{
		float: left;
		margin:0 0 0 0;
		border:solid 0px red;
	}

		/****** De 801 a baixo *****/
		@media (max-width: 801px) {
					
			#boxseguraconteudo{
				float: left;
				padding:0 10px 0 10px;
				border:solid 0px red;
				}

				.box-tit-noticias h2 a {
					font-size: 26px;
					line-height: 23px;
				}
		}


/************************************************************
					*
					*
					MEIO *
						 *
**************************************************************/

div[role="main"] {
	padding:0;
	border:solid 0px red;
}

					.bloco-conteudo {
								float:left;
								margin:10px 0 0 0;
								text-align: justify;
								border:solid 0px green;
					}

						.bloco-conteudo p {
							font: 16px Montserrat, arial, helvetica, sans-serif;
							color:#26263d;
/*							font-weight: bold;*/
							border:solid 0px red;
						}

				.box-tit-noticias {
					float:left;
					width:70%;
					margin:0 0 20px 0;
					padding:0!important;
					border:solid 0px #000;
				}

						.box-compartilhar {
							float:left;
							width:30%;
							margin:0 0 20px 0;
							padding:0!important;
							text-align: right;
							border:solid 0px #000;
						}

							.compartilhar-whatsapp-festival {
								margin:0 0 0 0;

							}
								.btn-whatsapp-festival {
									display: inline-block;
									background: #25D366;
									color: white !important;
									padding: 8px 15px;
									border-radius: 25px;
									text-decoration: none !important;
									/* font-weight: bold; */
									font-size: 16px;
									transition: all 0.3s ease;
									border: 2px solid #25D366;
								}

								.btn-whatsapp-festival:hover {
									background: #20BA5A;
									border-color: #20BA5A;
									color: white !important;
									text-decoration: none !important;
									transform: translateY(-2px);
									box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
								}

								.btn-whatsapp-festival i {
								margin-right: 8px;
								font-size: 20px;
								}

								/* Responsivo */
								@media (max-width: 767px) {
									.box-tit-noticias {
										width:100%;
									}
									.box-compartilhar { 
										width:100%;
										text-align: left;
									}
								.btn-whatsapp-festival {
									border-radius: 25px;
									text-decoration: none !important;
									/* font-weight: bold; */
									font-size: 16px;
									transition: all 0.3s ease;
									border: 2px solid #25D366;
								}

								}


						.box-tit-noticias h2 {
							font: 40px "swear-display", arial, helvetica, sans-serif;
							color: #000;
							font-weight: bold;
							line-height: 25px;
							margin:0 0 0 0;
							padding: 0 0 0 0;
							border:solid 0px red;
						}
							.box-tit-noticias h2 a {
								color: #000;
								margin:0;
								padding:0;
								text-decoration:none;
								border:solid 0px red;
							}
							.box-tit-noticias h2 a:hover {
								color:#000;
							}

							.box-tit-noticias span.borda {
								float:  left;
								width: 20%;
								margin: -5px 0 0 0;
								padding:  0 0 0 0;
								border-bottom: solid 4px #000;
							}

				.box-tit-noticias-2 {
					float: left;
					width: 100%;
					border: solid 0px red;
				}

					.box-tit-noticias-2 h2 {
							float: left;
							font-family: "swear-display", serif;
							font-weight: 800;
							font-style: normal;
							font-size: 40px;
							color: #fff;
							/*font-weight: bold;*/
							background: #3100ff;
							margin: 0 0 0 0;
							padding: 5px 10px 10px 10px;
							margin:0;
						}
							.box-tit-noticias-2 h2 a {
								color: #fff;
								margin:0;
								padding:0;
								text-decoration:none;
								border:solid 0px red;
							}
							.box-tit-noticias-2 h2 a:hover {
								color: #FEC41D;
							}

					/***** < = 801 ********/
					@media (max-width: 801px) {
						.box-tit-noticias-2 {
							margin: 0 0 0 0;
						}
					}
/************************************************************
					*
					*
					QUEM FAZ*
						 *
**************************************************************/

.separa-not-blog-capa {
	float: left;
	width: 100%;
	border:solid 0px green;
}
.box-tit-interno {
	min-height: 70px;
	margin: 0 0 30px 0;
	border:solid 0px red;
}
	/***** < = 801 ********/
	@media (max-width: 801px) {
		.box-tit-interno {
			min-height: auto;
		}
	}


.box-tit-interno h3{
	font: 20px arial, helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #3100ff;
	margin: 0 0 0 0;
	border:solid 0px red;
}
	.box-tit-interno h3 a{
		color: #3100ff;
		text-decoration: none;
	}

.modal-content {
  border-radius: 0;
  background:#303069;
}

.modal-backdrop.show {
    opacity: 1.8;
}

.modal-header {
    padding: 10px;
    border-bottom: 0px solid #e5e5e5;
}

.modal-body {
    padding: 0 20px 0 20px;
    border: 0px;
}
	.modal-body .bloco-conteudo-modal {
		font: 16px Montserrat, arial, helvetica, sans-serif;
		font-weight: bold;
		text-align: justify;
		color: #fff;
	}

.modal-title {
 margin: 10px 0 0 10px;
 font: 26px Montserrat, arial, helvetica, sans-serif;
 font-weight: bold;
 color: #fff;
 border:solid 0px green;
}


.modal-footer {
    padding: 10px;
    text-align: right;
    border-top: 0px solid #e5e5e5;
}

.modal-footer .btn-secondary{
	float: right;
	margin: 0 0 0 0;
	padding: 10px;
  background: #FFE379!important;
  font: 16px Montserrat, arial, helvetica, sans-serif;
  color: #303069;
  text-transform: uppercase;
  -webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
  border:solid 0px red;
}

.imagemserv-quemfaz img {
border-radius: 0px 10px 0px 10px;
-webkit-border-radius: 0px 10px 0px 10px;
-moz-border-radius: 0px 10px 0px 10px;
border: 8px solid #26263D;
}




		/***** PAGINACAO SEM PLUGINS *****/
		#pagination {
			float:left;
			width:100%;
			margin: 20px 0 20px 0;
			font: 16px 'Oswald', arial, helvetica, sans-serif;
			text-transform: uppercase;
			border:solid 0px red;
		}
		
		
		#pagination a, #pagination .dots, #pagination .next, #pagination .prev {
			padding: 10px;
			margin: 0 2px;
			color: #fff;
			background-color: #1CC7BF;
			text-decoration:none;
			border: 1px solid #1CC7BF;
		}
		
		#pagination a:hover, #pagination .next:hover, #pagination .prev:hover {
			border: 1px solid #000;
			color: #fff;
			text-decoration:none;
			background-color: #000;
		}
		
		#pagination .current {
			padding: 10px;
			margin: 0 2px;
			border: 1px solid #000;
			color: #fff;
			background-color: #000;
		}

/*condicoes gerais para as imagens*/
img.alignleft, div.alignleft {
	float:left;
	margin:0 10px 0 0;
	border-radius: 5px;
}

img.alignright, div.alignright {
	float:right;
	margin:0 0 0 10px;
	border-radius: 5px;
}

img.aligncentered, img.aligncenter {
	text-align:center;
	margin:0 auto 10px auto;
	border-radius: 5px;
}

/************************************************************
					*
					*
					LADO DIREITO *
						 *
**************************************************************/
#widget-direita{
	float: left;
	padding:0;
	border:solid 0px green;
}


#sidebar-direita {
	width:80%;
	float:right;
	margin:0 0 0 0;
	border:solid 0px #000;
}
	
	#sidebar-direita h2{
		float: left;
		width: 100%;
		font: 26px 'Playfair Display', arial, helvetica, sans-serif;
		color:#14948D;
		padding: 6px 0 0 0;
		background:url(../imagens/tit-sidebar.png) top left no-repeat;
		border:solid 0px red;
		}

		#sidebar-direita img {
			width:100%;
			margin:0 0 10px 0;
			}

			#sidebar-direita ul{
				float: left;
				margin:0 0 0 0;
				padding: 0;
				list-style-type: none;
				border: solid 0px red;
			}

			#sidebar-direita ul li{
				float: left;
				width: 100%;
				font: 16px 'Oswald', arial, helvetica, sans-serif;
				color: #1F1F1F;
				font-weight: 300;
				margin:0 0 0 0;
				padding: 10px 0 15px 0;
				text-transform: uppercase;
				border-bottom: solid 1px #1BC7BE;
			}

			#sidebar-direita ul li a{
				font: 16px 'Oswald', arial, helvetica, sans-serif;
				color: #1F1F1F;
				font-weight: 300;
				line-height: 10px;
				text-decoration: none;
			}

			#sidebar-direita ul li a:hover{
				color: #1BC7BE;
				text-decoration: none;
			}

@media (max-width: 801px) {
		/*sidebar direita*/
		#sidebar-direita {
			width:100%;
			float:right;
			margin:20px 0 0 0;
			border:solid 0px #000;
		}
			
				#sidebar-direita img {
					float:left;
					width:100%;
					min-height:55px;
					margin:0 20px 20px 0;
								border:solid 0px red;
					}
}



.espaco100 {
	width: 100%;
	float:left;
	margin:0 0 0 0;
	height:100px;
	border:solid 0px red;
}

.espaco20 {
	width: 100%;
	float:left;
	margin:0 0 0 0;
	height:20px;
	border:solid 0px red;
}
.espaco20novo {
	width: 100%;
	float:left;
	margin:0 0 0 0;
	height:250px;
	border:solid 0px red;
}

.espaco30 {
	width: 100%;
	float:left;
	margin:0 0 0 0;
	height:30px;
	border:solid 0px red;
}

.espaco50 {
	width: 100%;
	float:left;
	margin:0 0 0 0;
	height:50px;
	border:solid 0px red;
}

.espaco20padding {
	float:left;
	height: 100%;
	margin:0 0 0 0;
	padding: 7px;
	border:solid 0px red;
}

/*
	***
		TABELA ZEBRADA**
							*
								*********/

			.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
				background-color: #000;
			}

			.table > tbody > tr > td, 
			.table > tbody > tr > tr, 
			.table > tbody > tr > th, 
			.table > tfoot > tr > td, 
			.table > tfoot > tr > th, 
			.table > thead > tr > td,
			.table > tr > td, 
			.table > thead > tr > th {
				padding: 8px;
				line-height: 1.42857143;
				vertical-align: middle;
				text-align: left;
				border: 1px solid #26263D;
			}

			.tit-tabela {
				background: #000;
				color: #fff;
			}

			.tit-tabela2 {
				background: #fec41d;
				color: #fff;
			}

			/****** De 800 a baixo *****/
			@media (max-width: 800px) {
				span.email {
					font: 9px arial, helvetica, sans-serif;
					color: #1F1F1F;
				}
			}

/******************************************

/***** migralhas *******/

.box-migalhas {
	width: 100%;
	float: left;
	margin: 0 0 40px 0px;
	border: solid 0px red;
}
/*da pagina espetaculos*/
.box-migalhas-2 {
	width: 100%;
	float: left;
	margin: 0 0 40px 17px;
	border: solid 0px red;
}

	#breadcrumbs{
	    list-style:none;
	    margin:10px 0;
	    padding: 0;
	    overflow:hidden;
	    text-transform: uppercase;
	    border: solid 0px red;
	}
	  
	#breadcrumbs li {
	    display:inline-block;
	    /*vertical-align:middle;*/
	    margin:0 5px 0 0;
	    padding: 0;
  		font: 12px arial, helvetica, sans-serif;
	    color:#26263D;	    
	    border: solid 0px red;
	}
	 
	#breadcrumbs li a {
	   	font: 12px arial, helvetica, sans-serif;
	    color:#fff;
	    background: #3100ff;
	    text-decoration: none;
	    padding: 0 5px 0 5px;
	}

	#breadcrumbs li a:hover {
	   	font: 12px arial, helvetica, sans-serif;
	    color:#fff;
	    background: #000;
	    text-decoration: none;
	}


	#breadcrumbs .separator{
	   	font: 14px arial, helvetica, sans-serif;
	    color: #3100ff;
	}



/*********************************************************************************/

	
/************************************************************
					*
					*
					BUSCA *
						 *
**************************************************************/
		.ops {
				float:left;
				width:100%;
				font: bold 120px 'Oswald', sans-serif;
				color:#F96400;
				margin:0 0 0 0;
				padding:0;
				border:solid 0px red;
		}

				.bloco-conteudo-busca {
						float:right; 
						width: 100%;
						border:solid 0px red;
				}

					.bloco-conteudo-busca form {
							float:right; 
							width: 100%;
							border:solid 0px red;
						}

					.busca{
							float:left;
							width: 80%;
							border:solid 0px red;
						}
					
							.busca input{
									float:left;
									width: 100%;
									height: 45px;	
									border:solid 1px #004620;
								}
						.ok{
							float:right;
							width: 17%;
							border:solid 0px red;
						}
						.ok button{
							float:right;
							width: 100%;
							height: 45px;	
							padding:10px;
							background-color: #004620;
							font: 14px 'Oswald', sans-serif;
							color: #fff;
							text-transform: uppercase;
							border:solid 0px red;
						}



/************************************************************
					*
					*
					FOOTER *
						 *
**************************************************************/


footer.cop-por {
	position: relative;
	z-index: 11;
	float: left;
	min-width:100%;
	float:left;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	font: 13px 'Oswald', arial, helvetica, sans-serif;
	color:#000;
	background: #3100ff;
	border:solid 0px  yellow;
}

	.cop {
		float:left;
		width: 100%;
		/*min-height:60px;*/
		margin:4% 0 0 0;
		padding:0 0 0 0;
		border:solid 0px blue;		
	}

			.por {
				float:right;
				width: 100%;
				margin: 0 0 10px 0;
				text-align:center;
				font: 10px Montessat, helvetica, sans-serif;
				color:#fff;
				border: solid 0px #000;
			}

							.por  a{
									display: block;
									color:#fff;
								}

								.por  a:hover {
										color:#FFE379;
										text-decoration:none;
									}

/****** De 800 a baixo *****/
@media (max-width: 800px) {
	footer.cop-por {
		padding: 10px 0 15px 0;
	}

			.por {
				font: 7px Montessat, helvetica, sans-serif;
			}
}

/*shortcode botao novo*/
/* CSS para Shortcode botaonovo - Adicionar no duda.css */

/* Estilo base do botão */
.botao-novo {
    display: inline-block;
    font-family: "transat-text", sans-serif;
    font-weight: 600;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 2px solid transparent;
    margin: 5px;
    line-height: 1.2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.botao-novo:hover {
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.botao-novo:active {
    transform: translateY(0);
}

/* TAMANHOS */
.botao-novo.botao-pequeno {
    padding: 8px 16px;
    font-size: 12px;
}

.botao-novo.botao-normal {
    padding: 12px 24px;
    font-size: 14px;
}

.botao-novo.botao-grande {
    padding: 16px 32px;
    font-size: 18px;
    font-weight: 700;
}

/* CORES */

/* Amarelo (padrão do tema) */
.botao-novo.botao-amarelo {
	float: left;
    background-color: #fec41d;
    color: #000;
    border-color: #fec41d;
}

.botao-novo.botao-amarelo:hover {
    background-color: #e6b01a;
    color: #000;
    border-color: #e6b01a;
}

/* Azul (cor do tema) */
.botao-novo.botao-azul {
    background-color: #3100ff;
    color: #fff;
    border-color: #3100ff;
}

.botao-novo.botao-azul:hover {
    background-color: #2800cc;
    color: #fff;
    border-color: #2800cc;
}

/* Vermelho */
.botao-novo.botao-vermelho {
    background-color: #f03428;
    color: #fff;
    border-color: #f03428;
}

.botao-novo.botao-vermelho:hover {
    background-color: #d42c21;
    color: #fff;
    border-color: #d42c21;
}

/* Verde */
.botao-novo.botao-verde {
    background-color: #28a745;
    color: #fff;
    border-color: #28a745;
}

.botao-novo.botao-verde:hover {
    background-color: #218838;
    color: #fff;
    border-color: #218838;
}

/* Preto */
.botao-novo.botao-preto {
    background-color: #000;
    color: #fec41d;
    border-color: #000;
}

.botao-novo.botao-preto:hover {
    background-color: #333;
    color: #fec41d;
    border-color: #333;
}

/* Ícones */
.botao-novo i {
    margin-right: 8px;
    font-size: 1.1em;
}

/* Responsivo */
@media (max-width: 767px) {
    .botao-novo {
        display: block;
        text-align: center;
        margin: 10px 0;
        width: 100%;
    }
    
    .botao-novo.botao-pequeno {
        padding: 10px 20px;
        font-size: 13px;
    }
    
    .botao-novo.botao-normal {
        padding: 14px 28px;
        font-size: 15px;
    }
    
    .botao-novo.botao-grande {
        padding: 18px 36px;
        font-size: 19px;
    }
}

/* Versão outline (borda apenas) */
.botao-novo.botao-outline {
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
}

.botao-novo.botao-outline.botao-amarelo {
    color: #fec41d;
    border-color: #fec41d;
}

.botao-novo.botao-outline.botao-amarelo:hover {
    background-color: #fec41d;
    color: #000;
}

.botao-novo.botao-outline.botao-azul {
    color: #3100ff;
    border-color: #3100ff;
}

.botao-novo.botao-outline.botao-azul:hover {
    background-color: #3100ff;
    color: #fff;
}

/*
.img-responsive {
	float: left;
	border: solid 1px red;
}*/


/* CSS adicional para garantir que as imagens não quebrem linha */
.linha-apoio .row {
    white-space: nowrap;
    /*overflow-x: auto;*/
}

.linha-apoio .row > div[class*="col-"] {
    float: none;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}

/* Remove padding das colunas para juntar as imagens */
.linha-apoio .row > div[class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

/* Garante que as imagens ocupem 100% do container */
.linha-apoio .img-responsive {
    /*width: 100%;*/
    height: auto;
    display: block;
}




/** {
    border: 1px solid red !important;
}*/