body {font-family: sans-serif;box-sizing:border-box;}
a {text-decoration: underline;}
#info {font-size: 15px;white-space: pre-line;}
h3 {margin: 0 0 1rem;}
form {max-width: 960px;}
form input.input-disabled {pointer-events:none;background: #f0f0f0;}
form input[type="radio"] {width: 1em !important;}
form input[readonly] {background-color: var(--bs-secondary-bg) !important;outline: 0 !important;box-shadow: unset !important;border-color: var(--bs-border-color) !important;cursor: default;}
form input[type="radio"][name="grupo"][data-restantes="1"] + label::after,
form input[type="radio"][name="grupo"][data-restantes="2"] + label::after,
form input[type="radio"][name="grupo"][data-restantes="3"] + label::after,
form input[type="radio"][name="grupo"][data-restantes="4"] + label::after,
form input[type="radio"][name="grupo"][data-restantes="5"] + label::after {content:"¡Quedan pocos lugares!";color: #FF9800;font-weight: bold;font-size: 12px;margin-left: 0.5em;vertical-align: text-bottom;}
form button {background-color: #3f51b5;padding: 0.7em 1em;border: 0;border-radius: 0.2em;color: white;cursor: pointer;}
form button:hover {background-color: #2f41a5;}
form button:active {background-color: #1f3195;}
form button:disabled {background-color: grey;opacity:0.5;cursor: not-allowed;}

#alerts {}
#alerts.on {background-color: #ef9a9a;padding: 1em;font-size: 80%;margin-bottom: 1em;font-weight: bold;color: #280606;}
#confirmacion {max-width: 960px;}
#confirmacion h4 {color: #157347;font-weight:bold;}
#confirmacion #datospago {white-space: pre-line;}
#enlacegrupowsp {}

table {border-collapse: collapse;width: 100%;font-size: 14px;}
table td {padding: 5px;border:1px solid #ccc;}
table tr.estudianteEpav td {color: #4CAF50;}
table tr.estudianteEpav td.esEstudianteEpav {font-weight: bold;}
table th {padding: 5px;border:1px solid #ccc;background-color: #eee;}

@media screen and (max-width:768px){
	body {}
	div.container.box {overflow-x: hidden;}
	h1 {font-size:20px;}
	h3 {/* font-size:14px; */}
	#info {font-size: 14px;}
	form {width:100%;}
	form .mb-3 {/* margin-bottom: 0 !important; */}
	form .mb-3:has(.col) {margin-bottom: 0 !important;}
	form .col {width: 100%;flex: unset;margin-bottom: 1rem !important;}
	form input[type="text"] {width: 100%;}

	table {font-size: 12px;}

}