/* Neggo's Web */

/* Modal Mensagem */

.bg-sucesso, .btn-sucesso{
	background-color: #59BB54 !important;
	color: #FFF !important;
}

.bg-erro, .btn-erro{
	background-color: #cb3d47 !important; 
	color:#FFF !important;
}

.txt-sucesso{
	color: #59BB54;
}

.txt-erro{
	color: #cb3d47;
}


.modal-dialog{
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.modal-content{
	border:none;	
	border-radius: 15px;
	box-shadow: 0px 0px 100px rgba(0,0,0,.1)
}

.modal-header{
	color: #FFF;
	border:none;	
	height: 30px;
}

.modal-header span{
	color: #FFF;
}

.modal-header button{
	z-index: 1;
}

.modal-body{
	text-align: center;
	border:none;	
	font-size: 1em;
	/*max-width: 300px;*/
	margin: auto;
	color: #333;
}

.modal-body span{
	display: block;
	font-size: 3em;
	margin: auto;
	margin-bottom: 10px;
}

.modal-footer{
	padding-top: 0;
	padding-bottom: 1.5rem;
	border:none;
}

.modal-footer button{
	font-weight: 700;
	font-size: .9em;
	display: block;
	margin: auto;
	padding: 7px 30px;
	border-radius: 50px;
	transition: 0.2s all ease-in-out;
}
/*
.modal-footer button:hover,
.modal-footer button:focus{
	transform: scale(1.15);
	color: #FFF;
	outline: none;
	box-shadow: none;
	/*border: none;*/
}
*/
.modal-header .close:focus{
	outline: none;
}


.modal-header .close{
	background-color: transparent;
	outline: none;
	border: none;
	font-size: 30px;
	margin-left: auto;
}

.modal-header .close span{
	color: #AAA;
}


@media screen and (max-width: 992px){
	h2{
		font-size: 1.6rem;
	}
}

.slick-list{
	min-height: 250px;
}

#from_our_blog .slick-list{
	min-height: 450px;	
}


/* Menu */
.navbar-brand img{
	max-width: 250px;
}

@media screen and (max-width: 992px){
	.navbar-brand img{
		max-width: 175px;
	}
}

.offcanvas-header img{
	max-width: 150px;
}

/* TopBar */
.topbar p{
	font-size: 1rem;
}

@media screen and (max-width: 992px){
	.topbar p{
		font-size: .8rem;
	}
}

/* Banner */
.hero .hero-title{
	max-width: 800px;
	font-weight: 700;
}

.hero .hero-desc{
	max-width: 500px;
}

/*
.slick-slide .bg-overlay{
	opacity: .95;
}*/

@media screen and (max-width: 992px){
	.hero .hero-title{
		font-size: 35px;
	}

	.slick-slide .bg-overlay{
		opacity: .15;
	}
}

/* Cards Banners */
.banner-01, 
.banner-02{
	background-color: #4A4A4C;
}

.banner-01 .card-img{
	opacity: .5;
}

.banner-02 .card-img{
	opacity: .5;
	
}

/* MVV */
.mvv .list-unstyled li {
  position: relative;
  padding-left: 1.5em; /* Espaço para o ícone */
  margin-bottom: 0.5em;
}

.mvv .list-unstyled li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #28a745; /* Verde check, pode ajustar */
  font-weight: bold;
}


.copyright .fg{
	margin-top: 0;
	margin-bottom: 0;
	display: flex;
	justify-content: center;
}

img.programacao{
	object-fit: contain;
	width: initial !important;
	height: 45px !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.btn-zap{
	text-decoration: none !important;
	width: 60px !important;
	height: 60px !important;
	color: #FFF;
	z-index: 99;
	position: fixed;
	bottom: 30px;
	right: 30px;
	font-size: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	/*border:2px solid #FFF;*/
	background-color: #40C351;
	box-shadow:0 0 0.2rem 0.1rem rgba(75,211,93,0.3);
  	animation: pulsesombra 1.5s infinite;
}

.btn-zap:hover{
	color: #FFF;
}

.btn-zap:after{
	content: "";
	position: absolute;
  	animation: pulsesombra 1.5s infinite;
  	border-radius: 100px;
  	width: 40px;
  	height: 40px;
  	pointer-events: none;
}


/* Animation Chamada */
@-webkit-keyframes pulsechamada {
  0% {
    padding:0px;
  }
  70% {
      padding: 10px;
  }
  100% {
      padding: 0px;
  }
}
@keyframes pulsechamada {
  0% {
    padding:0px;
  }
  70% {
      padding: 10px;
  }
  100% {
      padding: 0px;
  }
}


@-webkit-keyframes blinking {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
  }
  
@keyframes blinking {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}


@-webkit-keyframes pulsesombra {
  0% { box-shadow: 0 0 0 0 rgba(64,195,81, 0.8) }
  100% { box-shadow: 0 0 0 50px rgba(64,195,81, 0) }
  }
  
@keyframes pulsesombra {
  0% { box-shadow: 0 0 0 0 rgba(64,195,81, 0.8) }
  100% { box-shadow: 0 0 0 50px rgba(64,195,81, 0) }
}