@charset "utf-8";

/* CSS Document */
a:hover {
	color: #DDDDDD;
}

/* Header */
header {
	font-family: 'Poppins Medium';
	font-style: normal;
	font-size: 30px;
	font-weight: 400;
}

/* Logo */
#logo {
	float: left;
	padding: 10px;
	width: 250px;
	background-color: #fff;
}

/* Links */
#headerLinks {
	color: #228E85;
	float: left;
	text-align: center;
	padding: 2% 2% 2% 10%;
	background-color: #fff;
	font-family: "Poppins ExtraBold";
	font-size: 50px;
	width: 50%;
}

#headerLinks a {
	color: #228E85;
	padding-left: 10px;
	text-decoration: none;
	text-align: center;
}

/* Redes */
#redes {
	padding: 25px 50px 5px 40px;
	margin-bottom: 20px;
	float: inherit;
	font-family: 'Poppins Medium';
	text-align: center;
	text-decoration: none;
	align-content: center;
	font-size: 25px;
}

/* Banner */
#offer {
	text-align: center;
	font-family: 'Poppins SemiBold';
	font-size: 40px;
	background-color: #fff;
	color: #228E85;
	padding-top: 10px;
	line-height: 1px;
}

#offer form {
	width: 100%;
	align-content: center;
}

/* Wrapper */
#mainWrapper {
	width: 90%;
	padding-left: 5%;
	color: #000;
}
input[type="text"], input[type="nombre"], input[type="usuario"], input[type="correo"], input[type="password"]  {
	width: 40%;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #8f8f8f;
	border-radius: 4px;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
}
input[type="submit"] {
	background-color: #228e85;
	/* Green background */
	border: none;
	color: white;
	padding: 12px 30px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 4px;
	font-family: 'Poppins', sans-serif;
	transition: background-color 0.3s ease;
}

input[type="submit"]:hover {
	background-color: lightgray;
	/* Darker green on hover */
}
a {
	text-decoration: none;
}
/* --- Adaptación para tablets (pantallas ≤ 768px) --- */
@media (max-width: 768px) {
	#logo {
		float: none;
		width: 40%;
		margin: 0 auto;
		text-align: center;
	}

	#headerLinks {
		float: none;
		width: 100%;
		font-size: 32px;
		padding: 10px 0;
	}

	#headerLinks a {
		font-size: 20px;
		padding: 0 8px;
		display: inline-block;
	}

	#redes {
		float: none;
		width: 100%;
		padding: 10px 0;
		font-size: 20px;
	}

	#offer {
		font-size: 28px;
		line-height: 1.3;
		padding: 15px 0;
	}

	#offer form {
		width: 100%;
		float: none;
		margin: 10px auto;
		text-align: center;
	}
}

/* --- Adaptación para móviles (pantallas ≤ 480px) --- */
@media (max-width: 480px) {
	#mainWrapper {
		width: 95%;
		padding-left: 5%;
		color: #000;
	}

	#logo {
		width: 80%;
		margin: 0 auto;
		float: none;
	}

	#headerLinks {
		font-size: 24px;
		padding: 8px 0;
	}

	#headerLinks a {
		display: block;
		font-size: 18px;
		padding: 5px 0;
	}

	#redes {
		font-size: 18px;
		width: 100%;
		margin: 0 auto;
	}

	#offer {
		font-size: 22px;
		line-height: 1.4;
		padding: 10px;
	}

	#offer form {
		width: 100%;
		float: none;
	}

		input[type="text"],
		input[type="nombre"],
		input[type="usuario"],
		input[type="correo"],
		input[type="password"] {
			width: 90%;
			padding: 12px 20px;
			margin: 8px 0;
			display: inline-block;
			border: 1px solid #ccc;
			border-radius: 4px;
			box-sizing: border-box;
			font-family: 'Poppins', sans-serif;
			font-size: 16px;
		}
}