/* FORM ELEMENTS */

select {
  font-size: 20px; /* Tamaño del texto */
  padding: 10px;   /* Espacio interno para que el cuadro se vea más grande */
  border: solid 2px #000;
  border-radius: 10px;
  margin-bottom: 20px;
  margin-right: 10px;
  width: 380px;
}

option {
  font-size: 18px; /* Tamaño de las opciones al desplegar */
  font-family: Nebulica;
  padding: 10px;
}

.field {
max-width: 97.5%;
margin-right:10px;
}
.field-half {
max-width: 48%;
margin-right:10px;
}
.field-three {
max-width: 28%;
margin-right:10px;
}
input[type=opciones],
input[type=text],
input[type=tel],
input[type=email] {
  font-weight: 500;
  font-size: 20px;
  height: 65px;
  display: inline-block;
  border: solid 2px #000;
  border-radius: 10px;
  padding-left: 5px;
  margin-bottom: 20px;
  width: 100%;
}

input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus {
  border: 2px solid #00ff55;
}

textarea {
  font-weight: 500;
  font-size: 20px;
  height: 158px;
  line-height: 30px;
  display: inline-block;
  border: solid 2px #000;
  border-radius: 10px;
  padding-left: 5px;
  margin-bottom: 15px;
  width: 100%;
}

textarea:focus {
  border: 2px solid #00ff55;
}

label {
  display: block;
  font-weight: 600;
}

		input[type="submit"].primary,
		input[type="reset"].limpiar,
		input[type="button"].primary,
		button.primary,
		.button.primary {
		  height: 58px;
		  display: inline-block;
		  padding: 0 40px;
		  color: #808080;
		  font-size: 13px;
		  font-weight: 700;
		  background: #fff;
		  border: 2px solid #ccc;
		  border-radius: 80px;
		  margin-right: 5px;
		  margin-top: 20px;
		}

			input[type="submit"].primary:hover,
		    input[type="reset"].limpiar:hover,
			input[type="button"].primary:hover,
			button.primary:hover,
			.button.primary:hover {
			  color: #fff;
			  background: #F97260;
			  border: 2px solid #F97260;
			  border-radius: 90px;
			}

			input[type="submit"].primary:active,
		    input[type="reset"].limpiar:active,
			input[type="button"].primary:active,
			button.primary:active,
			.button.primary:active {
			background-color: #F97260;
			}

		input[type="submit"].limpiar,
		input[type="reset"].limpiar,
		input[type="button"].primary,
		button.primary,
		.button.primary {
		  height: 58px;
		  display: inline-block;
		  padding: 0 40px;
		  color: #808080;
		  font-size: 13px;
		  font-weight: 700;
		  background: #E6E6E6;
		  border: 2px solid #ccc;
		  border-radius: 80px;
		  margin-right: 5px;
		  margin-top: 20px;
		}

			input[type="submit"].primary:hover,
			input[type="reset"].limpiar:hover,
			input[type="button"].primary:hover,
			button.primary:hover,
			.button.primary:hover {
			  color: #fff;
			  background: #F97260;
			  border: 2px solid #F97260;
			  border-radius: 90px;
			}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		opacity: 0;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			display: inline-block;
			font-size: 1em;
			padding-left: 2.4em;
			padding-right: 0.75em;
			position: relative;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				text-transform: none !important;
				font-weight: 900;
				background: #ccc;
				content: '';
				font-size: 0.8em;
				height: 2.0625em;
				width: 2.0625em;
				left: 0;
				line-height: 2.0625em;
				position: absolute;
				text-align: center;
				top: 0;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			background: #ccc;
			color: #000000;
			content: url("../images/x.png");
		}

		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			background: #ccc;
		}