/*serpiente*/
.grid {
    display: grid !important;
    grid-template-columns: repeat(10, 45px);
    justify-content: center !important;
}

.cell {
    width: 45px;
    height: 45px;
    border: 1px solid #999;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
}
#instrucciones{
	display: flex;
	max-width: 70%;
    cursor: pointer;
    user-select: none;
    flex-direction: row !important;
    flex-wrap: wrap;
    align-content: space-around;
}
.instr{
    width: 70px;
    height: 40px;
    border: 1px solid #999;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
}

.cell.inicial {
    background-color: #ee85d0;
}

.cell.marcada, .instr.marcada {
    background-color: #bee119;
}

/*sumas*/
.operacion {
    width: max-content;
    margin: 20px auto;
    font-size: 28px;
    text-align: right;
}

.fila {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 5 columnas, ajustar según máximo dígitos */
    justify-items: end;
    gap: 4px;
}

.numeros .numero {
    width: 32px;
    display: inline-block;
    text-align: center;
}

.resultado input.digito {
    width: 32px;
    height: 38px;
    text-align: center;
    font-size: 24px;
}

.signo{
	justify-self: start;
}

#dibujo{
	width: 2.5ch;
}

/*metrosCM*/
.conjunto-medidas{
	margin: 1% 0;
    display: flex;
    align-items: center;
    flex-direction: row;
}
.conjunto-medidas input{
	width: 80px;
}

.conjunto-soluciones-txt>.respuesta {
	width: 200px;
}

[data-tipo="Cifras"] div#palabras-espanol,
[data-tipo="Letras"] div#palabras-espanol {
	display:grid;	
	grid-template-columns: repeat(2, 1fr);
}
[data-tipo="Cifras"] div.conjunto-soluciones-txt,
[data-tipo="Letras"] div.conjunto-soluciones-txt{
	text-align: left;
}
[data-tipo="Cifras"] input.respuesta {
	width: 12%;
}
[data-tipo="Letras"] input.respuesta {
	width: 80%;
}



[data-tipo="signos"] div#palabras-espanol {
	min-width: 0;
	width: 40%;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
}
[data-tipo="signos"] input.respuesta{
	width: 50px;
    text-align: center;
    border-radius: 1rem;
    font-size: 35px;
    border: solid 2px #0166a9;
}


[data-tipo="problemas"] .conjunto-soluciones-txt{
	min-width: 0;
	width: 60%;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
}


@media only screen and (max-width: 850px){
	.grid{
	    grid-template-columns: repeat(10, 30px);
	}
	.cell {
	    width: 30px;
	    height: 30px;
	}
	.instr{
		width:39px;
	}
	
	.conjunto-medidas{
		margin: 10% 0;
	    flex-direction: column;
	    align-items: flex-start;
	}
	.conjunto-medidas>div{
		align-self: center;
		margin: 2px 0;
	}
	[data-tipo="signos"] div#palabras-espanol{
		width: 90%;
	}
	
	[data-tipo="Cifras"] div#palabras-espanol,
	[data-tipo="Letras"] div#palabras-espanol {
		display:flex;	
	}
	[data-tipo="Cifras"] input.respuesta {
		width: 20%;
	}

}