* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	overflow: hidden;
}

.office-container {
	position: relative;
	width: 100vw;
	height: 100vh;
	/*overflow: auto;*/
}

.background-image {
	position: absolute;
	/*top: 0;*/
	bottom: 0;
	left: 0;
	width: 100%;
	/*height: 100%;
	object-fit: cover;*/
}

#btn-email {
	position:absolute;
	left:73.5%;
	bottom:15%;
	background:none;
	width:12%;
	height:6%;
}

#btn-wa {
	position:absolute;
	left:73.5%;
	bottom:8.5%;
	background:none;
	width:12%;
	height:6%;
}

.hotspot {
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-image: url(LogoBauerDesign.png);
  background-position: center;
  background-size: contain;
	border: none;
	cursor: pointer;
	transform: translate(-50%, -50%);
	z-index: 10;
	transition: transform 0.2s ease;
	animation: pulse-ring 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.hotspot:hover {
	transform: translate(-50%, -50%) scale(1.25);
}

.hotspot:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(200, 200, 200, 0.5);
}

@keyframes pulse-ring {
	0%, 100% {
		box-shadow: 0 0 0 0 rgba(200, 200, 200, 0.7);
	}
	50% {
		box-shadow: 0 0 0 12px rgba(200, 200, 200, 0);
	}
}

#sinalizacao-aerea {
	bottom:79%;
	left:37%;
}

#sinalizacao-emergencia {
	bottom:72%;
	left:30%;
}

#adesivo-gigantografia {
	bottom:71%;
	left:21%;
}

#numeracao-ambiente {
	bottom:46%;
	left:18%;
}

#pelicula-jateada {
	bottom:52%;
	left:36%;
}

#letreiro-luminoso {
	bottom:56%;
	left:55%;
}

#letreiro-institucional {
	bottom:21.5%;
	left:51%;
}

#placa-porta {
	bottom:65%;
	left:64.5%;
}

#totem-informativo {
	bottom:61%;
	left:75%;
}

#placa-luminosa {
	bottom:81%;
	left:83.5%;
}

#pelicula-solar {
	bottom:65%;
	left:88.5%;
}

/*#sinalizacao-piso {
	top:112%;
	left:41%;
}*/

#alert-ini {
	width: 650px;
	position: absolute;
	top: 7%;
	left: calc(100vw / 2 - 325px);
}

.alert-element{
	width:500px;
	position:absolute;
}

@media (max-width: 768px) {
	.hotspot {
		width: 20px;
		height: 20px;
	}
}
