body
	{
	font-family:arial;	
	}	

/*CSS MENU USUÁRIO LOGADO*/
.testimonial-card .card-up 
	{
	height: 120px;
	overflow: hidden;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
	}

.aqua-gradient 
	{
	background: linear-gradient(40deg, #2096ff, #05ffa3) !important;
	}

.fundo_usuario
	{
	background-image: url('imagens/fundo_cartao_usuario_menu.jpg'); 
	background-size:cover;
	}

.testimonial-card .avatar 	
	{
	width: 120px;
	margin-top: -80px;
	overflow: hidden;
	border: 5px solid #fff;
	border-radius: 50%;
	}


/*Fotos*/
:root {
  --lightbox: rgb(0 0 0 / 0.75);
  --carousel-text: #fff;
}


@keyframes zoomin {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

.gallery-item {
  display: block;
}

.gallery-item img {
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);
  /*transition: box-shadow 0.2s;*/
}

.gallery-item:hover img {
  /*box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.35);*/
}

.lightbox-modal .modal-content {
  background-color: var(--lightbox);
}

.lightbox-modal .btn-close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  font-size: 1.25rem;
  z-index: 10;
  filter: invert(1) grayscale(100);
}

.lightbox-modal .modal-body {
  display: flex;
  align-items: center;
  padding: 0;
}

.lightbox-modal .lightbox-content {
  width: 100%;
}

.lightbox-modal .carousel-indicators {
  margin-bottom: 0;
}

.lightbox-modal .carousel-indicators [data-bs-target] {
  background-color: var(--carousel-text) !important;
}

.lightbox-modal .carousel-inner {
  width: 75%;
}

.lightbox-modal .carousel-inner img {
  animation: zoomin 10s linear infinite;
}

.lightbox-modal .carousel-item .carousel-caption {
  right: 0;
  bottom: 0;
  left: 0;
  padding-bottom: 2rem;
  background-color: var(--lightbox);
  color: var(--carousel-text) !important;
}

.lightbox-modal .carousel-control-prev,
.lightbox-modal .carousel-control-next {
  width: auto;
}

.lightbox-modal .carousel-control-prev {
  left: 1.25rem;
}

.lightbox-modal .carousel-control-next {
  right: 1.25rem;
}

@media (min-width: 800px) {
  .lightbox-modal .carousel-inner {
    max-width: 60%;
  }
}

[data-bs-theme = "dark"] .lightbox-modal .carousel-control-next-icon,
[data-bs-theme = "dark"] .lightbox-modal .carousel-control-prev-icon {
    filter: none;
}



/*HQs*/
.card 
	{
	flex: 1;
	height: 100%;
	transition: all 400ms;
	cursor: pointer;
	background-color:#222;
	}

.card > img 
	{
	display: block;
	max-width: 100%;
	height: 100%;
	object-fit: cover;
	}

.card:nth-child(odd) 
	{
	translate: 0 -20px;
	}

.card:nth-child(even) 
	{
	translate: 0 20px;
	}

.banner:hover .card:not(:hover) 
	{
	filter: grayscale(100%);
	}

.card:hover 
	{
	flex: 10;
	}


/*BANNER*/
.banner_body 
	{
	margin-top:0px;
	padding-top:0px;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	}	
		
.grid 
	{
	margin-top:0px;
	padding-top:0px;
	max-width: 600px;
	width: 100%; /*Largura da grid da imagem*/
	height: 100vh; /*Altura da grid da imagem*/
	display: grid; /*Exibe em coluna*/
	grid-template-columns: 1fr 1fr 1fr;
	gap: 10px; /*Espaçamento entre as imagens*/
	transition: grid-template-columns 0.5s ease; 
	}


.grid:has(.left0:hover) 
	{
	grid-template-columns: 4fr 0.5fr 0.5fr;
	}
.grid:has(.left:hover) 
	{
	grid-template-columns: 4fr 0.5fr 0.5fr;
	}
.grid:has(.center:hover) 
	{
	grid-template-columns: 0.5fr 4fr 0.5fr;
	}
.grid:has(.right:hover) 
	{
	grid-template-columns: 0.5fr 0.5fr 4fr;
	}
.grid:has(.left1:hover) 
	{
	grid-template-columns: 4fr 0.5fr 0.5fr;
	}
.grid:has(.center1:hover) 
	{
	grid-template-columns: 0.5fr 4fr 0.5fr;
	}
.grid:has(.right1:hover) 
	{
	grid-template-columns: 0.5fr 0.5fr 4fr;
	}

img {
	margin-top:0px;
	width: 100%;
	height: 90vh;
	display: block;
	object-fit: cover;
	}

.grid > div 
	{
	cursor: pointer;
	}


.capa_hq 
	{
	color:FFF;	
	}

.box_sinopse_banner h6
	{
	display:none;
	}
.box_sinopse_banner p 
	{
	display:none;
	font-family:arial;
	font-weight: 400;
	}


.box_sinopse_banner::after
	{
	width:0px;
	height:0px;
	display:none;
	position:relative;
	-webkit-transition: opacity 1.5s ease;
	transition: opacity 1.5s ease;
	opacity: 0.1;
	font-family:arial;
	font-weight: 400;
	}

.capa_hq:hover > .box_sinopse_banner
	{
	margin:auto;
	width:96%;
	height:200px;
	background-color:rgba(0,0,0,0.9);
	padding:6px;
	border-radius:2px;
	color:#FFF;	
	position:relative;
	aspect-ratio: 1 / 0.7;
	margin-top:-80%;
	display:block;
	 opacity: 1;
	-webkit-transition: all 1s ease;
	transition: all 1s ease; 
	}

.capa_hq:hover > .box_sinopse_banner h6,
.capa_hq:hover > .box_sinopse_banner p
	{
	display:block;
	text-transform:uppercase;
	padding:6px;
	}

.capa_hq:hover > .box_sinopse_banner b
	{
	display:block;
	text-transform:lowercase;
	}