#chk{
	flex-direction: column;
}
#divRec span{
	border:1px dashed black;
	display: inline-block;
}
#divRec{
	display: block;
	font-size: 2em;
	margin-top: 1em;
}
.espacio{
	min-width: .5em;
}
.silabas div span:not(.espacio,.simbolo):nth-child(2n),.vocal .vocal, .conso .conso{color: transparent; border-bottom:2px solid black;width: 1ch;}
.conRec .silabas div span:not(.espacio,.simbolo):nth-child(2n),.conRec .vocal .vocal, .conRec .conso .conso{border:2px solid black;margin:1px;}
.oper span{
	margin: 2px;
	font-size: 2em;
	display: inline-block;
}
.oper.silabas span{
	width: auto;
}
.oper{
	flex-direction: column;
}
.sobra{
	width: 100%;
}
.sobra span{color: black!important;border:1px dashed black!important;}
.op {
	display: block;
}
.minia{
	height: 10em;
	display: flex;
	align-items: center;
	justify-content: center;
}
.minia img{
	max-width: 10em;
	max-height: 10em;
}
.hide,
.oculta {
	color: transparent
}

#gen {
	display: flex;
	justify-content: center
}

div.fraccion div {
	border-top: 2px solid #000;
	text-align: center
}

div.fraccion div:first-child {
	border: none
}

.casa,
.resultado {
	border-top: 2px solid #000
}

.oper {
	text-align: center;
	display: inline-block;
	padding: 1em;
	border: 1px solid grey;
	justify-content: center;
}

.operacion {
	display: flex;
	justify-content: flex-end
}

.op:hover .resul span,
.op:hover .resultado span {
	visibility: visible
}

.hide,
.resul span,
.resultado span {
	visibility: hidden
}

.orip {
	display: flex;
	align-items: center;
}

.operacion,
.resul,
.resultado {
	text-align: right
}

.simbolo {
	display: flex;
	justify-content: center;
	align-items: center
}

.casa {
	border-left: 2px solid #000
}

.op:hover .hide {
	visibility: visible
}

.op span {
	cursor: pointer;
	box-sizing: border-box;
	margin-left: 2px
}

.oculta {
	visibility: visible!important;
	border: 1px solid #000
}

.preguntas {
	margin-top: 15px
}

#divPreg {
	min-height: 50vh;
	text-align: left
}

.vista {
	position: relative;
	display: inline-flex!important;
	width: auto;
	flex-direction: column
}

@media print{@page{size:letter;margin-top: 0}body *{visibility:hidden}#imprimir,#imprimir *{visibility:visible}#imprimir{padding-top:1.5cm;display:block!important;position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;margin:0}#cartas>div,#tarjetas{page-break-after:always;page-break-before:always;page-break-inside:avoid;width:21cm}table{page-break-inside:auto}tr{page-break-inside:avoid;page-break-after:auto}}