
.formulario {
	display: inline-grid;
	grid-template-columns: [etiqueta] 120px [control] auto;
	column-gap: 15px;
	row-gap: 15px;
	align-items: center;
	margin-top: 15px;
}


.formulario .completo
{
	grid-column: 1 / -1;
	width: 100%;
}

.control{
	width: 100%;
}


input:invalid {
	color: red;
}

input, textarea{
	box-sizing: border-box;
}

.formulario .botones {
	grid-column: 1 / -1;
	width: 100%;
	display: flex;
	gap:     10px;
	justify-content: center;
}

.formulario .botones button{
	flex-grow: 1
}

.formulario > label:nth-child(2n - 1)::after{
	content: ":"
}

.formulario > input:nth-child(2n){
	width: 100%;
}
