body {
	padding-bottom: 60px;
	overflow-x: hidden;
}
.container {
	margin-top: 100px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	padding: 50px;
	max-width: 80%;
	border-radius: 10px;
	width: 100%;
}
/*
.container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	padding: 5vw;
}  */

.left, .right {
	margin:0;
	width: 100%;
	background: white;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgb(119, 67, 67);
}

.input-field {
			width: 100%;
			min-width: 200px;
			padding: 6px;
			box-sizing: border-box;
		}

.radio-group {
			display: flex;
			gap: 50px;
			align-items: center;
		}

.radio-group label {
			display: flex;
			align-items: center;
			gap: 5px;
		}

.form-table {
	width: 100%;
	border-collapse: collapse;
}

.form-table td {
	padding: 10px;
	vertical-align: middle;
}

.form-table label {
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}

.input-field,
.form-table select,
.form-table input[type="text"] {
	width: 100%;
	max-width: 100%; /* Para que no se achique */
	padding: 6px;
	box-sizing: border-box;
}


/* Responsive: en móvil que se apilen vertical */
@media (max-width: 768px) {
	.container {
		grid-template-columns: 1fr;
		padding: 1rem;
		max-width: 100%;
		margin: 0 auto; /* Centra horizontalmente */
		box-sizing: border-box; /* Asegura que padding no desborde */
	}

	.resultado,
	thead.colapsado,
	thead.colapsado1,
	#info,
	#resultado {
		margin-left: 0 !important;
	}

	.radio-group {
		flex-direction: column;
		align-items: flex-start;
	}
}


p {
	margin-left: 20px;
}

button {
	background-color: #4CAF50; /* Verde bonito */
	border: none;
	color: white;
	padding: 12px 24px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	transition: background-color 0.3s, transform 0.2s;
	cursor: pointer;
	font-family: 'Arial', sans-serif;
}

/*	table.tr.fila{-+
	    border: #05346A 1px transparent;
	    background-color: aquamarine;

	}*/
	table.tblprueba{
    border: #05346A 1px transparent;
   	background-color: aquamarine;
/*   	table-layout: fixed;*/
	/*width: 80%;*/

	}

	table.tblprueba1{
    border: #05346A 1px transparent;
   	background-color: aquamarine;
		+
/*   	table-layout: fixed;*/
	/*width: 80%;*/

	}


	table.tblcorreo{
    border: #05346A 1px transparent;
   	background-color: aquamarine;
	width: 80%;

	}

	table.separado {
		border: red 5px solid;
		background: red;
		margin-left: 10rem;
	}


	thead.colapsado {
		align-items: left;
		border-collapse: collapse;
		border-color: #051358 ;

		background-color: skyblue;
		color: #051358;
		margin-left: 10rem;

	}
	thead.colapsado1 {
		align-items: center;
		border-collapse: collapse;
		border-color: #051358 ;

		background-color: skyblue;
		color: #051358;
		margin-left: 10rem;
	}
	td.msg {
	  display: grid;
	  grid-template-columns: auto 1fr;
	  max-width: 900px;
	  margin: 1rem;
	}
	.titulo {
		text-decoration: underline;
	}
	.resultado {
		margin: 0 auto;
		border-collapse: separate;
		border-spacing: 0 10px;
		margin-left: 80px;
	}
	.resultado td {
		padding: 2px 40px;
		vertical-align: top;
	}
	.informativo {

	}