/*
 * Zoe Vision - Modais
 * Modal de lentes, barra de progresso e ampliação de imagens.
 */

.modal-lentes{
		display:none;
		position:fixed;
		inset:0;
		background:#f5f4ef;
		z-index:99999;
		overflow:auto;
	}
.modal-lentes-conteudo{
		max-width:600px;
		margin:5px auto;
		padding:10px;
	}
.fechar-modal{
		float:right;
		border:none;
		background:none;
		font-size:24px;
		cursor:pointer;
	}
.barra-progresso{
		width:70%;
		height:4px;
		background:#ddd;
		border-radius:20px;
		margin:10px auto 20px;
	}
.barra-progresso-fill{
		width:20%;
		height:100%;
		background:#000;
		border-radius:20px;
		transition:.3s;
	}
.modal-lentes h2{
		font-size:20px;
		margin-bottom:10px;
	}
.img-zoom{
    cursor:pointer;
    transition:.2s;
}
.img-zoom:hover{transform:scale(1.08);}
#modalImagemZoom{
 display:none;position:fixed;inset:0;background:rgba(0,0,0,.88);
 z-index:1000000;justify-content:center;align-items:center;
}
#modalImagemZoom.ativo{display:flex;}
#modalImagemZoom img{
 max-width:90vw;max-height:90vh;background:#fff;padding:10px;border-radius:10px;
}
#modalImagemZoom .fechar{
 position:absolute;top:20px;right:30px;font-size:42px;color:#fff;cursor:pointer;
}