.container-form-and-img {
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}

.container-form {
	width: 70%;
}

.formulario {
	display: flex;
	flex-direction: column;
	width: 87%;
	margin-top: 10px;
	margin-bottom: 5rem;
	gap: 10px;
}

.inputText-WRONG {
	padding: 13px;
	font-size: 14.4px;
	border-radius: 0.3rem;
	border: solid 1px var(--bordeInputWRONG);
	font-family: "Lato", sans-serif;
	background-color: var(--backgroundWRONG);
	font-weight: bold;
}

.inputText-WRONG:focus-visible {
	border-color: var(--bordeInputWRONG-FOCUS);
	box-shadow: inset 0 1px 1px var(--sombra1), 0 0 8px var(--sombraWRONG2);
	outline: transparent !important;
	transition: 300ms;
	color: var(--colorTexto-WRONG-FOCUS);
}

#btnEnviar {
	width: 25%;
	padding: 15px;
	padding-top: 13px;
	padding-bottom: 13px;
	border-radius: 0.3rem;
	border: solid 1px var(--negro);
	background-color: var(--verdePrincipal);
	color: var(--blanco);
	font-size: 16px;
}

#btnEnviar:hover {
	background-color: var(--btnEnviarHOVER);
	cursor: pointer;
}

#area-texto {
	height: 100px;
	resize: none;
}

.alert {
	width: 512px;
	padding: 16px;
	margin: 2rem 0;
	max-width: 90%;
}

.alert-3-danger {
	border: 1px solid #ffb8b8;
	border-radius: 8px;
	background-color: rgba(255, 56, 56, 0.05);
}
.alert-3-danger .alert-title {
	color: #ff3838;
}

.alert-title {
	margin-top: 0 !important;
	margin-bottom: 8px;
	font-size: 18px;
	font-family: "Lato", sans-serif;
}

.alert-content {
	margin: 0;
	font-size: 14px;
	color: #555555;
}