:root {
	--bs-success-rgb: 135, 184, 103;
	--bs-success: #87b867;

	--bs-success-hover: rgb(164, 212, 132);

	--bs-primary-rgb: 43, 62, 76;
	--bs-primary: #2b3e4c;
	--bs-primary-hover: #42657e;

	--bs-secondary-rgb: 135, 184, 103;
	--bs-secondary: #87b867;
	
	--bs-link-color-rgb: 135, 184, 103;
	--bs-link-color: #87b867;
	
	--bs-verde: #87b867; 
	--bs-verde-hover: #b8e998; 
	--bs-azul: #2b3e4c; 
	--bs-azul-hover: #42657e;
	--bs-naranja: #F29100; 
	--bs-naranja-hover: #ffae34; 
	--bs-rojo: #E20613; 
	--bs-rojo-hover:#ff2b39;
	
	--bs-light-rgb: 254, 238, 211;
	--bs-light: #FEEED3;
}
* {
	font-family: "Poppins" !important;
}
h1, h2, h3 {
	font-weight: 400;
}

.btn-verde {
	background-color:  var(--bs-success);
	color: var(--bs-light);
}
.btn-verde:hover{
	background-color:  var(--bs-success-hover);
}

.btn-azul {
	background-color:  var(--bs-primary);
	color: var(--bs-light);
}

.btn-azul:hover {
	background-color:  var(--bs-primary-hover);
	color: var(--bs-light);
}

.btn-naranja {
	background-color:  var(--bs-naranja);
	color: var(--bs-light);
}
.btn-naranja:hover {
	background-color:  var(--bs-naranja-hover);
}

.btn-rojo {
	background-color:  var(--bs-rojo);
	color: var(--bs-light);
}
.btn-rojo:hover {
	background-color:  var(--bs-rojo-hover);
}


input:invalid:not(:placeholder-shown) {
  border-color: red;
}

input:invalid:not(:placeholder-shown) + .error-message {
  display: block;
  color: red;
}
.error-message { color: red; display: none; }