.instruccion{
	box-sizing: border-box;
}
#divPreg{position:relative}div[id^=menu] span{flex-grow:1;font-weight:700;justify-content:center;display:flex;align-items:center}div[id^=menu]:hover{background-color:#3cb371}div[id^=menu]{margin:20px 0;background-color:#90ee90;height:2em;cursor:pointer;display:flex;top:0;z-index:3}#instruccion{font-size: 20px}.centrar{min-height: 50vw;}#gen{display:flex;justify-content:center}.numero{margin:15px 0}.vista{flex-direction:column}.vista:hover .opciones .elimina{display:block;z-index: 12;}#divPreg>div{position:relative}.elimina{position:absolute;display:none;right:0;top:0}canvas{margin:10px}.opciones{display:flex;position:relative;justify-content:space-around;}.fraccion input:first-of-type{border-bottom:3px solid #000}.fraccion input{border:none;text-align:center}.fraccion{display:flex;flex-direction:column}.problemo{display:flex;padding-bottom:1em}textarea{width:100%;resize:none;border:none}div.problema{border-top:1px solid #000}@media print{@page{size:letter}@page:first{margin-top:0}
::placeholder {color: black;opacity: 1;}body{background-color:white;}body *{visibility:hidden;-webkit-print-color-adjust:exact}form>div:not(#imprimir),nav,.menu,footer,.numPreg{display:none;}#imprimir{padding-top:1.5cm;}.centrar{margin:0;}#problemas{display:block!important;}#imprimir *{visibility:visible}#divPreg>div{background-color:#fff!important}.opciones{display:none}.vista .indicador{visibility:hidden!important}.vista .valor:hover{box-shadow:initial}#divPreg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;margin:0;page-break-inside:auto;}.vista{display:block!important;page-break-after:auto;page-break-before:auto;page-break-inside:avoid}div.problema{border-top:none}}
.notmcm .maximo{
	display: none;
}
.defmcm label{
	cursor: pointer;
}
.opciones label{
	display: inline-block;
}
#imprimir{
	min-height:70vh;
	box-sizing: border-box;
}
	label img{
		max-width: 2em;
		max-height: 2em;
	}
	div.fraccion div{
		border-top: 2px solid black;
		text-align: center;
	}
	div.fraccion div:first-child{
		border: none;
	}
	.operacion{
		display : flex;
		align-items: center;
		justify-content: center;
		font-size: 2em;
	}
	.mcm{
		display: flex;justify-content: center;
		flex-wrap: wrap;
	}
	.simb{
		margin: 0 3px;
		font-size: 2em;
	}
	.figura div.fraccion:last-child,.operacion div.fraccion:last-child, .operacion div:nth-last-child(3){
		color: transparent;
	}
	.maximo>div:first-child{
		font-weight: bold;
	}
	.maximo{
		width: 100%;
	}
	.figura{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		font-size: 2em
	}
	canvas{
		margin: .5em;
		height: 100px;
	}
	.show{
		color: black;
	}
	.figura div.fraccion:hover,
	.operacion div.fraccion:hover{
		color: black;
	}
	.op:hover .resultado span{
		visibility:visible;
	}
	.resultado{
		border-top: 2px solid black;
	}
	.resultado span{
		visibility:hidden;
	}
	.visible{
		visibility: visible !important;
	}
	.vista .op{
		flex-direction: column;
	}
	.operacion, .resultado{
		text-align:right;
	}
	.simbolo{
		display: flex;
		justify-content: center; /* align horizontal */
		align-items: center; /* align vertical */
	}
	.casa{
		border-left : 2px solid black;
		border-top: 2px solid black;
	}
	.hide{
		visibility: hidden;
		color: transparent;
	}
	.op:hover .hide{
		visibility: visible;
	}
	.op span{
		cursor: pointer;
		box-sizing: border-box;
		margin-left: 2px;
	}
	.oculta{
		visibility: visible !important;
		border: 1px solid black;
		color: transparent;
	}
.mcm{
	font-size: 1.3em;
}
.mcmt{
	margin-left: 1em;
	border: 1px solid black;
	padding: 0 1em;
	border-radius: 1em;
}