.reja {
	font-size: 1.7rem;
	margin: .1rem;
	display: grid;
	grid-template-columns: repeat(13, 1fr);
	grid-template-rows: repeat(9, 1fr);
	max-width: 100%;


}

.parentesis1 {
	grid-area: 4 / 2;
}



.num1 {
	grid-area: 3 / 3;
}

.linea1 {
	grid-area: 4 /3;
}

.den1 {
	grid-area: 5 / 3;
}

.linea2 {
	grid-area: 4 / 5;
}

.signo2 {
	grid-area: 4 / 4;
}

.num2 {
	grid-area: 3 / 5;
}

.den2 {
	grid-area: 5 / 5;
}

.parentesis2 {

	grid-area: 4 / 6;

}

.signo3 {
	grid-area: 4 / 7;
}

.num3 {
	grid-area: 3 /8;
}

.linea3 {
	grid-area: 4 /8;
}

.den3 {
	grid-area: 5 /8;
}

.igual1 {
	grid-area: 4 /9;
}

.linea4 {
	grid-area: 4 / 10;
}

.num4 {
	grid-area: 3 /10;
}

.den4 {
	grid-area: 5 / 10 / 6 / 11;
}

.signo4 {
	grid-area: 4/11;
}

.num5 {
	grid-area: 3 / 12;
}

.linea5 {
	grid-area: 4 / 12;
}

.den5 {
	grid-area: 5/12;
}



.igual2 {

	grid-area: 8/9;
}

.num6 {
	grid-area: 7 / 10;

}

.linea6 {
	grid-area: 8 / 10;
}

.den6 {
	grid-area: 9 / 10;
}


.signo6 {
	grid-area: 8 / 8 / 9 / 9;
	width: 70%;
}


.entero1 {

	grid-column-start: 3;
	grid-column-end: 3;
	grid-row-start: 3;
	grid-row-end: 6;

	display: flex;
	align-items: center;
	justify-content: center;
}


 .entero2{
	grid-column-start: 5;
	grid-column-end: 5;
	grid-row-start: 3;
	grid-row-end: 6;

	display: flex;
	align-items: center;
	justify-content: center;
}

.entero3{
	grid-column-start: 8;
	grid-column-end: 8;
	grid-row-start: 3;
	grid-row-end: 6;
	display: flex;
	align-items: center;
	justify-content: center;
}

.entero4{
	grid-column-start: 10;
	grid-column-end: 10;
	grid-row-start: 3;
	grid-row-end: 6;
	display: flex;
	align-items: center;
	justify-content: center;
}

.entero5{
	grid-column-start: 12;
	grid-column-end: 12;
	grid-row-start: 3;
	grid-row-end: 6;
	display: flex;
	align-items: center;
	justify-content: center;
}

.entero6{
	grid-column-start: 10;
	grid-column-end: 10;
	grid-row-start: 8;
	grid-row-end: 9;
	display: flex;
	align-items: center;
	justify-content: center;
}





/* centramos texto*/

.reja div {
	text-align: center;

}

.boton {
	background-color:  #146C94;
	color: white;
	padding: 1rem 1rem;
	margin-top: .1rem;
	font-size: 1.5rem;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: .5rem;
	width: 100%;
	text-align: center;
	border: none;
}

@media (min-width: 768px) {
	.boton {
		width: auto;
	}

	.reja {
		margin-left: 10rem;
		margin-right: 10rem;
	}
}

.boton:hover {
	cursor: pointer;
}

input {
	text-align: center; 
	width: 94%;
}


/* Animación de parpadeo del cursor */
@keyframes blink-cursor {
	0% {
	  border-right: 0.08em solid #2bbc8a; /* Color del cursor */
	}
	50% {
	  border-right: 0.08em solid #2bbc8a;
	}
	51% {
	  border-right: 0.08em solid transparent;
	}
	100% {
	  border-right: 0.08em solid transparent;
	}
  }
  
  .blinking {
	border-right: 2px solid black; /* Borde vertical negro */
	animation: blink 1.2s steps(2) infinite; /* Animación de parpadeo */
  }
  
  @keyframes blink {
	to {
	  border-color: transparent; /* Borde transparente */
	}
  }