/*
cores:
azul claro: #0087C0
azul escuro: #0088BE
laranja: #F58634
*/
body { background:url("https://www.carrodopovo.com.br/images/bg1.png") repeat; }

select {
    display: block;
   /* border: 1px solid #ccc;*/
    padding: 5px;
    margin: 10px 0;
    width: 100%;
	font-size:15px;

}


/* ------ logo e form lateral ------ */
.side-nav  li#logo { padding:0; margin:10px 0 -5px 0;}
.side-nav #logo, .side-nav #logo  a  { height:60px; }
.side-nav #logo  a { padding:10px; display:block; }
#botao_menu_mobile { margin-left:10px; }

#forms { /*height:250px*/; padding:10px 10px 0 10px; border:solid 1px #0087C0/*#90caf9*/; margin:0 10px 10px 10px; border-radius:0 2px 2px 15px; }
#forms { border-top-color:transparent;border-right-color:transparent; }
#forms label, #forms input{ color:#333; border-color:#333; }
#forms .input-field label { left:0; }
#forms .col { margin:0; padding:0; }
#forms .row { margin-bottom:10px; }
.tabcontent { padding:0 10px !important; }
#forms input[type=button], #forms input[type=submit]{ color:#FFF !important; }
.navbar-fixed, .navbar-fixed nav { height:60px; }
.navbar-fixed img { margin-top:5px; }


#users_online { margin-top:15px; font-size:13px; }
.side-nav > li:hover #users_online { color:#333; }
#forms p{ font-weight:bold; text-transform:uppercase; color:#134B6C; font-size:13px; }


/* ------ bg and color elements ------ */
.color-1,  .page-footer, .side-nav > li:hover{ background-color: #00b0ff /*#069DD2*/ !important; }
.color-2, .side-nav.fixed  .tabs .indicator, .side-nav  li:hover .tabs li{ background-color: #134B6C !important;}
.detalhes .title , .mural .badge, .input-field label.active { color: #069DD2 !important; }
.input-field label.active { border-color: #069DD2 !important;}
.color-3, nav,  .side-nav > li.margin:hover, li#forms:hover{ background-color: #e3f2fd !important; }
.color-4, .slider .indicators .indicator-item.active, .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a, .pagination li.active { background-color:#F58634 /*#F58634*/; }
.side-nav.fixed .tabs a { color:#000; }
.side-nav.fixed .tabs a.active,.side-nav > li:hover{color:#FFF; }
.side-nav .tabs a { line-height:50px; }
#logo:hover, #logo{ background: #e3f2fd !important; }
.side-nav > li i{ color:#134B6C; }
.detalhes_form, .galeria { background:#FFF; }
.navbar-fixed * { color:#134B6C; }
/* ------- select ------- */
.dropdown-content *{ color:#333 !important; }
.dropdown-content > li:hover { background-color:#DDD; }

/* ------ menu lateral ------ */
.side-nav li.margin { height:50px; }
.side-nav  li a i { vertical-align: middle; }
.side-nav.fixed {  overflow: hidden; }
.active .collapsible-body li { color:#d32f2f; }
.side-nav li.active { background-color:#d32f2f;  }
.side-nav .collapsible-body li.active, .side-nav.fixed .collapsible-body li.active { background-color:#CCC; }
.side-nav  li:hover a { color:#FFF; }
.side-nav li li:hover a { color:#333; }
.side-nav li li li:hover a { color:#d32f2f; }
.side-nav .waves-effect { width:100%; }
li.has_submenu { padding:0; }
li.submenu { padding:20px 0 0 0 !important; }
.side-nav a { height:42px; line-height:42px; }
/* ------- titulo da secao ------- */
.titulo { margin-top:0; padding:5px 0; }
.titulo .row { margin-bottom:0; }
.titulo h1, h1 { font-size:32px; color:#069DD2; border-bottom:solid 2px #F58634; padding-bottom:0px; font-weight:400 !important; }
.titulo .row .col { padding:0 10px; }
h1 i { vertical-align:top; }

/* ------- conteudo ------- */
.item { padding:10px 0 0 0; border-bottom:solid 1px #CCC; background:#FFF; margin-bottom:2px; }
.item a { display:block; color:#000; }
.item:hover { background-color:#EFEFEF; }
.item a:hover img { border-color:#F58634; } 
/*.item a:hover div { text-decoration:underline; }*/
.item img { border:solid 2px transparent; border-radius:10px 10px 10px 10px; }
.item .row .col { margin:0; padding:1px; }
.item .row { margin-bottom:0; }
.file-field input.file-path { color:#000 !important; }
.cartao_topo { border-bottom:1px solid rgba(160, 160, 160, 0.2); padding:20px;  }
.cartao_topo p { margin:0; padding:0; }
.mural .card .cartao_topo { padding:20px 20px 10px 20px; }
.mural .card .card-action  { padding:10px 20px 20px 20px; }
.mural .card .card-action a { text-transform:none; }
.mural .card .card-action .col, .mural .card .card-action p { padding:0; margin:0; }
.mural .card .card-action i { vertical-align:bottom; }
.mural .card .cartao_topo.row, .mural .card .card-action.row{ margin-bottom:0; }
.mural .card .cartao_topo .col, .mural .card .card-action .col { padding: 0; }
.mural .card .card-content .row { margin-top:20px; }
.mural .card .card-content .col { padding-left:0; }

.slider { margin-top:20px; }
.detalhes, .detalhes_form { padding:20px 10px !important; }
.detalhes h3, .slider_detalhes h3, .detalhes_title { margin:0; font-weight:bold; }
.detalhes .space, .detalhes_form  { margin-top:20px; }
.detalhes .title {  border-bottom:solid 1px; font-weight:500;  /*margin-top:20px;*/ font-size:15px; line-height:30px; }
.detalhes { font-size:18px; padding-bottom:20px; }
.galeria_detalhes .col { margin-bottom:10px; }
.galeria_detalhes .galeria { padding-top: 10px; }
.no-margin { margin:0 !important; }
footer * { color:#FFF; }

.detalhes .row { margin-bottom:10px; }

input[type=text]:focus:not([readonly]),input[type=password]:focus:not([readonly]),input[type=email]:focus:not([readonly]),input[type=url]:focus:not([readonly]),input[type=time]:focus:not([readonly]),input[type=date]:focus:not([readonly]),input[type=datetime-local]:focus:not([readonly]),input[type=tel]:focus:not([readonly]),input[type=number]:focus:not([readonly]),input[type=search]:focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #069DD2; }

.designedby { font-size:12px;  }
.designedby  img { vertical-align:middle; opacity:0.5; }
footer h5 span { font-weight:bold; font-size:32px; }

.slider .slides li img {  }
footer ul .col { margin-bottom:10px; }
footer ul .col a { display:block; }
footer ul .col img { opacity:0.7; }

footer ul .col a:hover img { opacity:0.5; }

.galeria img, .borderedOnHover{ /*width:21%; float:left; margin:0 10px 10px 0;*/ border:solid 2px transparent; border-radius: 10px 10px 10px 10px; }
.galeria img.principal { /*width:100%; margin:0 0 10px 0;*/ }

.galeria  a:hover img, .borderedOnHover:hover{ border-color:#F58634; }

.mural .galeria img { /*width:auto; margin:0 10px 0 0;*/ }
.clearfix { margin-bottom:30px; }
a.btnDefault { border-bottom:solid 1px; padding:10px;  }
a.btnDefault:hover { border:solid 1px #F58634; color:#F58634; border-radius:5px; }
a.btnDefault i { vertical-align:top; }


footer.page-footer .footer-copyright { height:auto !important; line-height:auto !important; }

footer .container .row { margin-bottom:0; }
.block { display:block; }

.busca_mural label { color:#134B6C; }
.busca_mural input[type=text] { border-color:#134B6C; }

.galeria_detalhes a.col {  padding:0 10px; }

.detalhes_form h5 { font-weight:400 !important; }

.formDefault * { margin:0 !important;  }
label.inline { line-height:50px; font-size:14px; }
.formDefault .row { margin-bottom:20px !important; }
.formDefault h5 { color:#F58634; font-size:22px; margin-bottom:10px !important; }
.formDefault .input-field label { color:#333; }

.filled-in[type="checkbox"]:checked + label::after, [type="radio"]:checked + label::after { border-color: #00b0ff; background-color: #00b0ff; }

.gray { background-color:#E5E5E5 !important; color:#666; }

.btn{ padding:0 1rem;}

#noticias .data { font-size:22px; font-weight:bold; color:#F58634; margin:10px 0; }
#noticias .data i {vertical-align:top; }
#noticias  a { display:block; padding:5px; border-left:solid 5px #00b0ff; color:#666; }
#noticias  a:hover{ border-color:#F58634; background-color:#FFF; color:#333; }
#noticias  .noticia { margin-bottom:5px; margin-left: 8px; }
#noticias h3 { font-size:26px; color:#00b0ff; }

#noticia h2 { font-size:22px; margin:0 0 20px 0; }
#noticia .data { font-weight:bold; color:#F58634; }
#autohop h2, #loja h2 { font-size:20px; color:#F58634; border-bottom:dotted 1px; padding-bottom:5px; }
#loja h2 { font-weight:400; border-bottom:none; color:#333; }
#autohop .col { margin-bottom:10px; }

.tabs { background-color:transparent; }
.tabs .tab a:hover,.tabs .active { color: #F58634 !important;  }
.tabs .tab { margin-right:1px; }
.tabs .tab a { color:#999; border:solid 1px #999; border-radius:10px 10px 0 0; }
.tabs .indicator { background-color:#F58634; height:5px; }

.underlineOnHover:hover { text-decoration:underline; }

.boxLoginMural { border:solid 1px #9e9e9e; border-radius:5px; }

.justify-align { text-align:justify; }

/*################## ESTILOS ADICIONADOS ###############*/


#jcAcessoRapido  {  font-size: 16px; text-align:center; margin:5px 0; }
#jcAcessoRapido i {  font-size: 1.5rem; margin-right:5px; vertical-align: middle;  line-height:30px;}
#jcAcessoRapido i.motos {  font-size: 35px; }
#jcAcessoRapido img {  vertical-align:middle; }
#jcAcessoRapido a {  display:block; padding:4px 10px 0 10px;  font-weight:bold; color:#0088BE !important; letter-spacing:0px;  }
#jcAcessoRapido .logo a { padding-right:20px; display:initial; }
#jcAcessoRapido .col {  padding:10px 0;  }
.noBorderLeft { border-left:none !important; }
.noBorderRight { border-right:none !important; }
#jcAcessoRapido a:hover {  color: #F58634 !important; }

#jcAcessoRapido ul { list-style:none; margin:0; padding:5px 0; width:90%; margin: 0 auto; }
#jcAcessoRapido ul li { display:table-cell; margin:0; padding:0; border-right:solid 1px #8EC9E6; vertical-align:middle;}
#jcAcessoRapido ul li.logo { width:37%; }

.logoMenu {  padding:10px 0 0 0; position:relative; z-index:3;}
#jcBotaoMenuMobile i { font-size:50px !important; color: #F58634; }
#dropdownMenuMobile.dropdown-content {  width:250px !important; margin-right:0 !important;  }
#dropdownMenuMobile.dropdown-content li { min-height: 0px; }
#dropdownMenuMobile.dropdown-content li > a {  line-height:15px; color: #0088BE !important; font-weight:bold;}
#dropdownMenuMobile.dropdown-content li > a i { color: #F58634 !important; }
#jcContainerBusca {  height:280px; background:#0088BE; }
#jcContainerBusca .bgCar { position:absolute; right:0; z-index:1; }

#jcContainerBusca #jcSearchBar { height: 70px; background:#FFF; border-radius:10px; z-index:2; position:relative; top:50px; align-items: center;}

	
	jcSearchBar img {
		width: 24px;
		height: 24px;
	  }
	  
	  /* Botão de busca com estilo */
	  #jcSearchBar .search-button {
		
		padding: 10px 50px;
		background-color: #0088BE !important;
		border: 2px solid #0088BE  !important;
		border-radius: 5px;
		color: white;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		transition: background-color 0.3s, transform 0.2s;
		font-weight: bold;
		font-size: 16px;
		text-align: center;
		margin-top: 0px !important;
		margin-left: 5px;
		
	  }
	  
	  /* Ícone no botão de busca */
	  #jcSearchBar .search-icon {
		width: 20px;
		height: 20px;
		margin-right: 8px;
	  }

	  #jcContainerBusca #jcSearchBar2 {  width: 20%;height: 50px;  border-radius:10px; z-index:2; position:relative; top:30px; margin-left: auto; align-items: center;}

	  jcSearchBar2 img {
		width: 24px;
		height: 24px;
	  }
	  
	  /* Botão de busca com estilo */
	  #jcSearchBar2 .search-button {
		
		padding: 10px 50px;
		background-color: #0088BE !important;
		border: 2px solid transparent;
		outline: 10px solid #ffffff  !important;
		border-radius: 4px;
		color: white;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		transition: background-color 0.3s, transform 0.2s;
		font-weight: bold;
		font-size: 16px;
		text-align: center;
		margin-top: 0px !important;
		margin-left: 0px;
		
	  }
	  
	  /* Ícone no botão de busca */
	  #jcSearchBar2 .search-icon {
		width: 20px;
		height: 20px;
		margin-right: 8px;
	  }

#jcContainerBusca #jcSearchBar * {  border-bottom:none; 	}
#jcContainerBusca #jcSearchBar .select2-container { margin-left: 10px; margin-top:10px; border-right: solid 1px #CCC;}
#jcContainerBusca #jcSearchBar input { margin-top:12px; border-right: solid 1px #CCC; }

#jcContainerBusca #jcSearchBar input::placeholder, #jcContainerBusca #jcSearchBar .select2-container .select2-selection--single .select2-selection__rendered  {  color: #666 !important; opacity:1;}
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color:#666 transparent transparent transparent !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {  background-color: #F58634 !important;}
.select2-container--default .select2-search--dropdown .select2-search__field:focus { border-bottom-color: #0087C0 !important; }
#jcContainerBusca #jcSearchBar input:focus {  border:none !important;}


#jcContainerBusca #jcMainMenu { width:80%; margin:0 auto; text-align:center; top:50px; position:relative; z-index:2; display: inline !important;}
#jcContainerBusca #jcMainMenu div { padding:0; }
#jcContainerBusca #jcMainMenu a {  font-weight:bold; border-color: #FFF; color: #F58634;  font-size:1.2rem; border-right:solid 1px; display:block; padding:0; letter-spacing:0px; white-space:nowrap;} 
#jcContainerBusca #jcMainMenu a:hover { border-color: #F58634; color: #FFF; }
#jcContainerBusca #jcMainMenu a i { vertical-align:top !important; }

#jcRodape {  background: #0087C0; margin: 40px 0 0 0 !important; color: #FFF;  font-size:1.2rem; border-top:solid 3px #F58634;}
#jcRodape #r2 { border-top:solid 1px #FFF; padding:20px 0; }
#jcRodape #r2 .rightBar { border-right:solid 1px #FFF; }
#jcRodape #r1 { padding:20px 0 0 0; }
#jcRodape .midias {  text-align:right; }
#jcRodape .midias i {  font-size:2.5rem; }
#jcRodape strong {  font-weight:bold; }
#jcRodape li a i.material-icons { vertical-align:top !important; margin-right:10px; }
#jcRodape li a:hover, #jcRodape li a:hover i, #jcRodape .midias a:hover i {  color: #F58634; }
#jcRodape #r2 .logoJC{ text-align:right; }
h1 {  position:relative; display:inline-block; border:none; color: #0087C0 !important; }
h1 i {  color: #F58634; font-size:2rem !important;}
h1::after {  content: " "; position:absolute; top: 0.65em; width: 10em; height: 2px; background-color: #F58634; left: initial; margin-left:10px;  }
.col .row { margin:0; }
.col .row.mural {  margin-left: -.75rem ; margin-right: -.75rem; margin-bottom: 20px;}

textarea:focus, input:focus, input.valid[type=text]:not(.browser-default){
	/*border-bottom:1px solid #8F8D8C !important; box-shadow:none !important;*/
	border-bottom: 1px solid #CCC !important;
	-webkit-box-shadow: 0 1px 0 0 #CCC !important;
	box-shadow: 0 1px 0 0 #CCC !important;
}


.swiper-slide {
	  text-align: left;
	  background: #fff;
	  height: 88%;
	  
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  -webkit-justify-content: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	  
}

.swiper-slide .lojaVeiculo { 
position: absolute !important;
z-index: 9999;
top: 40px;
left: 10px;
}
.swiper-slide .lojaVeiculo img { border:solid 2px transparent; }
.swiper-slide .lojaVeiculo img:hover { border:solid 2px #F58634; }

.swiper-button-next, .swiper-button-prev { color: #F58634;  }
.swiper-pagination-bullet-active {  background: #F58634; }

.sw2 {
	  width: 100%;
	  height: 280px;
}
.sw2 .swiper-pagination {  }
.swiper-button-next, .swiper-button-prev { margin-top:0px; top:600px; position:absolute;  }
.swiper-button-next { margin-right:100px; }
.swiper-button-prev { margin-left:100px; }

.carro-vertical2 { background:#FFF; color:#333;  font-size:13px;  height:500; border:solid 1px #999; padding:2px; border-radius: 10px 10px 10px 10px; margin-top:110;}


.carro-vertical { background:#FFF; color:#333;  font-size:13px; display:block !important; height:auto; border:solid 1px #999; padding:2px; border-radius: 10px 10px 10px 10px; }
.carro-vertical .row{ width:100% !important; margin:0 !important; }
.carro-vertical .figura { padding:0 !important; height: 190px; overflow: hidden}
.carro-vertical .figura img { width:100%; border-radius: 10px 10px 0 0; }
.carro-vertical .descricao { background: url("../images/bgTitleCar.png") repeat-y center center  #0087C0; color:#FFF; font-weight:bold; text-align:center; font-size:14px; line-height:20px; height:45px; padding-top:4px;  }
.carro-vertical .ano { color: #666; font-weight: bold; font-size:16px; text-align:left; height:35px; line-height:35px;}	
.carro-vertical .valor { color: #F58634; text-align:right; font-size:16px; font-weight:bold; height:35px; line-height:35px; }

.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover { color: #F58634; }

.lg-backdrop { background:#FFF; }
.lg-actions .lg-next, .lg-actions .lg-prev { background:#F58634; color:#FFF; }
.lg-outer .lg-thumb-outer, .lg-outer .lg-toogle-thumb, .lg-toolbar { background-color: #0088BE; }

#ancora_topo { width: 0px; height: 0px; border-top: 50px solid transparent;	border-bottom: 0; border-right: 60px solid #CCC;	cursor:pointer; position:fixed; right:0; bottom:0; } 
#ancora_topo i { color: #000; margin-top: -27px; position: absolute; right: -50px; font-size:30px; }
#ancora_topo:hover { border-right-color: #F58634; }
#ancora_topo:hover i { color:#FFF; }

@media (max-width: 1470px)
{
  .container { width:75%; }
  
}
@media (max-width: 1024px)
{
  .container { width:90%; }
  
  #jcAcessoRapido  {  font-size: 1rem; }
  #jcAcessoRapido i {  margin-right: 0; display:block; }
  #jcAcessoRapido .utilitarios { border-right:none; }
  #jcRodape #r2 { font-size:1rem; }
  #jcContainerBusca #jcSearchBar { height: 130px; }
  #jcContainerBusca #jcSearchBar input,  #jcContainerBusca #jcSearchBar .select2-container {  border-bottom:solid 1px #CCC;}
  #jcContainerBusca #jcMainMenu a { line-height:20px; height:50px;   }
  #jcAcessoRapido ul li { display:inline-block; border-left:none; width:24%; letter-spacing:-1px; }
  .swiper-slide .lojaVeiculo { top:30px; }
  .carro-vertical .figura{ height: 180px; }
}

@media (max-width: 800px)
{
	
	.sw2 { height: 450px; }
	h1 i { font-size:1.5rem !important; }
span.badge { position:absolute; right:10px; }
#jcContainerBusca .logoMenu img.logoCp { width:250px; }
#jcSearchBar .fieldModelo { padding-right:0 !important; }
h1::after { width:4em; }
#jcRodape #r2 * { text-align:center; }
#jcRodape #r2 .logoJC{ text-align:center; }
#jcRodape #r2 .rightBar { border:none !important; }
.carro-vertical .figura { height: auto}
}

@media (max-width: 600px)
{
	.sw2 { height: 500px; }
	#jcRodape #r2 .logoJC{ margin-top:10px; }
	
}

@media (max-width: 400px)
{
	.sw2 { height: 400px; }
	#jcAcessoRapido { letter-spacing:-2px;font-size: 0.8rem;}
}


/* Wrapper dos cards */
.cards-wrapper {
    
    display: flex;
    flex-wrap: wrap; /* Permite que os cards quebrem de linha */
    gap: 16px; /* Espaçamento entre os cards */
    justify-content: center; /* Centraliza os cards */
    width: 100%; /* Garante que ocupa toda a largura disponível */
    box-sizing: border-box; /* Inclui padding/bordas no cálculo */
    padding: 0 8px; /* Margem interna para alinhamento em telas menores */
}

/* Card individual */
.card-container {
    width: 260px; /* Em telas pequenas, ocupa toda a largura disponível */
    border-radius: 8px;
    overflow: hidden; /* Garante que nada ultrapasse os limites */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    transition: transform 0.3s;
    display: flex;
    flex-direction: column; /* Empilha os itens dentro do card */
    align-items: stretch; /* Garante alinhamento consistente */
    box-sizing: border-box; /* Inclui bordas e padding no cálculo */
    flex-grow: 1; /* Permite que os cards cresçam igualmente */
}

.card-container:hover {
    transform: scale(1.05); /* Efeito de zoom ao passar o mouse */
}

/* Imagem do card */
.card-image img {
    width: 100%;
    height: 200px; /* Define uma altura fixa */
    object-fit: cover; /* Faz o corte para preencher o espaço disponível */
    object-position: center; /* Centraliza o recorte da imagem */
    display: block;
}

/* Tipo do imóvel e logo abaixo da imagem */
.card-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    font-size: 14px;
    color: #333;
    background-color: #ffffff;
    margin-bottom: 4px;
    box-sizing: border-box;
}

.card-info .card-type {
    font-weight: bold;
}

.card-info .logo-image {
    width: 100px; 
    height: auto;
}

/* Conteúdo do card */
.card-content {
    padding: 0 16px 16px;
    box-sizing: border-box;
    flex-grow: 1; /* Garante que o conteúdo preencha o espaço restante */
}

.card-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
    color: #0087C0;
    margin-top: 0;
}

.card-price {
    font-size: 22px;
    font-weight: bold;
    color: #F58634;
    margin-bottom: 8px;
}

.card-location {
    font-size: 14px;
    color: #777;
    margin-bottom: 12px;
}

/* Ajustes de responsividade */
@media (max-width: 600px) {
    .cards-wrapper {
        gap: 8px; /* Espaçamento menor entre os cards */
    }

    .card-container {
        flex: 1 1 100%; /* Força os cards a ocupar 100% da largura */
        width: 100%; /* Remove qualquer limitação de largura */
        min-width: 100%; /* Garante que o tamanho do card seja flexível */
    }
	.card-image img {
		width: 100%;
		height: auto; /* Define uma altura fixa */
		object-fit: cover; /* Faz o corte para preencher o espaço disponível */
		object-position: center; /* Centraliza o recorte da imagem */
		display: block;
	}
	
}


#loading {
    text-align: center; /* Centraliza o conteúdo */
    margin: 20px 0;    /* Adiciona uma margem */
	
}

.custom-image-container {
	
	position: relative; /* Permite posicionamento absoluto dos elementos filhos */
	display: inline-block;
	width: 300px; /* Ajuste conforme necessário */
	height: 200px; /* Ajuste conforme necessário */
	cursor: pointer;
}

.custom-image-container img {
	width: 200;
	object-fit: cover; /* Ajusta a imagem para preencher o espaço sem distorção */
	border-radius: 8px; /* Para cantos arredondados */
}

.custom-icon-overlay {
	position: absolute;
	top: 50%; /* Centraliza verticalmente */
	left: 50%; /* Centraliza horizontalmente */
	transform: translate(-50%, -50%); /* Ajusta o ponto de referência para o centro */
	font-size: 48px;
	color: white;
	background: rgba(0, 0, 0, 0.6); /* Fundo semi-transparente */
	padding: 10px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: custom-bounce 1s infinite; /* Animação para chamar atenção */
}

@keyframes custom-bounce {
	0%, 100% {
		transform: translate(-50%, -50%) scale(1);
	}
	50% {
		transform: translate(-50%, -50%) scale(1.2);
	}
}