.mitades .ins{width: 90%; box-sizing: border-box;display: none;} .mitades #imprimir{display: inline-flex;flex-direction: column;align-items: center;} .mitades .instruccion{width: 100%; border:none; outline: none;} .mitades td{position:relative} .mitades .dibujo{position:absolute;top:0;left:0;width:100%;height:100%;} .mitades .dibujo img{max-width:100%} .mitades tr{height:4cm} .mitades .dibujo{display:flex;justify-content:center} .mitades .dibujo img{height:100%;width:100%} .mitades #imprimir{display:flex;justify-content:center} .mitades table{max-width:185.9mm;max-height:249.4mm} .mitades td{border:1px solid #000;word-break:break-all;height:2cm;text-align:center;font-size:1.2em} .mitades td{width:4cm} .mitades td span,#halfs span{text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;font-weight:700} .mitades table{border-collapse:separate;border-spacing:10px} .mitades td{border:1px dashed black} .mitades table.debajo .dibujo{height:auto} .mitades table.debajo span{position:static} .mitades #mitad1{border-right:1px dashed black} .mitades div.debajo span{position:static!important;height:auto!important} .mitades #canvas{display:none} .mitades #opcImg{margin:20px;display:flex;flex-direction:column} .mitades #halfs{display:flex;justify-content:center;max-height:20vh} .mitades #halfs div{position:relative} .mitades #opcImg .imagen img{width:15vw} .mitades #halfs span{position:absolute;margin:auto;width:100%;height:100%;top:0;text-align:center;display:flex;justify-content:center;align-items:center} .mitades #halfs img{max-height:20vh} .mitades .atencion{animation:blinking 3s infinite}
.izq div, .der div, .centro div{
	width: 13vw;
	height:13vw;
	position: relative;
	flex-shrink: 0;
	display: flex;
	justify-content: center;align-items: center;
}
.mitades, .inter{
	max-width: 100vw;
}
.mitades table{
	display: none;
}
.mitades{
	font-size: 3vw;
}
.inter{
	display: flex;
	max-height: 79vh;
}
.izq,.der{
	display: flex;
	flex-direction: column;
	overflow-y: auto;
}
.centro{
	flex-grow: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	position: sticky;
	top: 0;
	max-height: 50vh;
	transition: background 1s;
}
.bad{
	background-color: lightcoral;
}
.good{
	background-color: lightgreen;
}
@media screen and (max-width:768px){
	.mitades{
		height: 100%;
	}
	.inter{
		flex-wrap: wrap;
		height: 100%;
	}
	.izq, .der{
		order: 2;
		width: 50%;
		align-items: center;
		height: 50%;
	}
	.centro{
		width: 100%;
		height: 50%;
	}
	.izq div, .der div, .centro div{
		max-width: 50vw;
		max-height: 50vw;
		width: 30vw;
		height: 30vw;
	}
}
.mitades .dibujo{
	z-index: -1;
}
.inter span{
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
	font-weight: 700;
}