/*************************** MONITOR  GRANDE ***********************************/
/*************************** MONITOR  GRANDE ***********************************/
/*************************** MONITOR  GRANDE ***********************************/
/*************************** MONITOR  GRANDE ***********************************/
* {
	box-sizing: border-box;
}

body {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	box-sizing: border-box;
	min-height: 100vh;
	font-family: calibri;

	border: solid 5px green;
}

.general {
	display: flex;
	flex-direction: column;
	max-width: 100vw;
	border: solid 2px red;
	border-radius: 8px;

	/* horizontalidad */
	align-items: center;

	/* verticalidad */
	justify-content: center;

	padding: 20px;
}

#logo {
	width: 350px;
	margin-top: 10px;
	border-radius: 8px;
	border: solid 2px black;
	cursor: not-allowed;
}

#info {
	font-family: calibri;
	font-size: 22px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 200%;
	color: yellow;
}

#cartas {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1%;
	margin-top: 2%;
	margin-bottom: 2%;
}

#carta1,
#carta2,
#carta3,
#carta4 {
	width: 20%;
}

#info {
	border: solid 2px red;
	width: 38vw;
	height: 5vh;
	border-radius: 10px;
	margin-bottom: 1vh;
}

#puntuaciones {
	display: flex;
	width: 40vw;
	justify-content: center;
	gap: 5%;
	margin-bottom: 2vh;
}

#puntuacion1,
#puntuacion2,
#puntuacion3,
#puntuacion4 {
	display: flex;
	border: solid 2px red;
	width: 8vw;
	height: 5vh;
	border-radius: 10px;
	color: blue;
	align-items: center;
	justify-content: center;
	font-size: 200%;
}

#jugar {
	background-color: lightgreen;
	border: 0px;
	width: 38vw;
	height: 8vh;
	border-radius: 10px;
	color: white;
	font-size: 200%;
}

#jugar:hover {
	cursor: pointer;
}

/**************************** TAMAÑO TABLET ************************************/
/**************************** TAMAÑO TABLET ************************************/
/**************************** TAMAÑO TABLET ************************************/
/**************************** TAMAÑO TABLET ************************************/
@media (max-width: 1080px) {
	/* No hagas nada aquí */
}

/**************************** TAMAÑO MÓVIL ************************************/
/**************************** TAMAÑO MÓVIL ************************************/
/**************************** TAMAÑO MÓVIL ************************************/
/**************************** TAMAÑO MÓVIL ************************************/
@media (max-width: 350px) {
	/* No hagas nada aquí */
}