body {
			font-family: 'Roboto', sans-serif;
			background-color: #f0f8ff;
			color: #333;
		}

		h1 {
			font-weight: 700;
			color: #007bff;
			text-align: center;
			margin-bottom: 40px;
		}

		.form-control,
		.btn {
			border-radius: 8px;
		}

		.btn-primary {
			background-color: #007bff;
			border-color: #007bff;
			transition: background-color 0.3s ease;
		}

		.btn-primary:hover {
			background-color: #0056b3;
			border-color: #0056b3;
		}

		.form-check-input:checked {
			background-color: #007bff;
			border-color: #007bff;
		}

		label {
			font-weight: 500;
		}

		hr {
			border-top: 2px solid #007bff;
		}

		.container {
			max-width: 600px;
			background-color: #ffffff;
			padding: 20px;
			border-radius: 15px;
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		}

		.form-group {
			margin-bottom: 15px;
		}

		#numeroDePersonas {
			width: 100px;
		}

		/* Animación sutil */
		.form-control:focus {
			border-color: #007bff;
			box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
		}

		/* Estilo para los campos de nombre generados dinámicamente */
		#nombreCampos .form-group {
			margin-bottom: 10px;
		}