@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-decoration: none;
}

a {
	color: #6dbd3c;
}

body {
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #111;
	padding: 20px; /* evita colar nas bordas no mobile */
	flex-direction: column;
}

h1, h2, h3, h5 {
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	color: #fff;
	margin-bottom: 25px;
}

h1 {
	font-size: 40px;
	line-height: 43px;
}

h2 {
	font-size: 25px;
	line-height: 20px;
	border-bottom: 4px solid #6dbd3c;
	display: inline-block;
	padding-bottom: 5px;
}

h3 {
	font-size: 16px;
	line-height: 20px;
	border-bottom: 4px solid #6dbd3c;
	display: inline-block;
	padding-bottom: 5px;
}
h4 {
	font-family: "Poppins", sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #6dbd3c;
}

h5 {
	font-family: "Poppins", sans-serif;
	font-size: 12px;
	line-height: 20px;
}

p {
	color: #fff;
	
}


li {
	/*color: red;*/
	margin-bottom: 10px;
	font-family: "Poppins", sans-serif;
}

.form {
	z-index: 1;
	font-family: "Poppins", sans-serif;
	width: 100%;
	max-width: 400px;
	text-align: center;
	padding: 20px;
}

	.form i {
		color: #ccc;
		font-size: 25px;
		margin-bottom: 30px;
		padding:5px;
	}

	.form .signup-form {
		display: none;
	}

	.form .user-input {
		width: 100%;
		height: 55px;
		margin-bottom: 30px;
		outline: none;
		border: none;
		background: rgba(255, 255, 255, 0.2);
		color: #fff;
		font-size: 18px;
		text-align: center;
		border-radius: 5px;
		transition: 0.5s;
		transition-property: border-left, border-right, box-shadow;
	}

		.form .user-input:hover,
		.form .user-input:focus,
		.form .user-input:active {
			border-left: solid 8px #6dbd3c;
			border-right: solid 8px #6dbd3c;
			box-shadow: 0 0 100px rgba(57, 255, 20, 0.8);
		}

	.form .options-01 {
		margin-bottom: 50px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 14px;
		color: #bbb;
	}

		.form .options-01 input {
			width: 15px;
			height: 15px;
			margin-right: 5px;
		}

	.form .btn {
		outline: none;
		border: none;
		width: 100%;
		height: 55px;
		background: #6dbd3c;
		color: #fff;
		font-size: 18px;
		letter-spacing: 1px;
		border-radius: 5px;
		cursor: pointer;
		transition: 0.5s;
		transition-property: border-left, border-right, box-shadow;
	}

		.form .btn:hover {
			border-left: solid 8px rgba(255, 255, 255, 0.5);
			border-right: solid 8px rgba(255, 255, 255, 0.5);
			box-shadow: 0 0 100px rgba(66, 133, 244, 0.8);
		}

	.form .options-02 {
		color: #bbb;
		font-size: 14px;
		margin-top: 30px;
	}

		.form .options-02 a {
			color: #6dbd3c;
		}

/* Corrigido seletor de validação */
.field-validation-error {
	color: red;
	font-size: 14px;
	margin-bottom: 10px;
}

.text-danger {
	color: red;
}

.user-select {
	width: 100%;
	height: 55px;
	margin-bottom: 30px;
	outline: none;
	border: none;
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
	font-size: 18px;
	text-align: center;
	border-radius: 5px;
	transition: 0.5s;
	transition-property: border-left, border-right, box-shadow;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 0 20px;
	position: relative;
	cursor: pointer;
	/* Set a fallback background color for the dropdown menu */
	background-color: rgba(255, 255, 255, 0.15);
}

	.user-select option {
		background-color: #222; /* Dark dropdown menu */
		color: #fff; /* White text for visibility */
	}

	/* Hover/focus effects */
	.user-select:hover,
	.user-select:focus {
		border-left: solid 8px #6dbd3c;
		border-right: solid 8px #6dbd3c;
		box-shadow: 0 0 100px rgba(57, 255, 20, 0.8);
	}

/* Seta */
.user-select {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M7 10L0.0717968 0H13.9282L7 10Z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 12px;
}

.btn-add-encarregado {
	width: 100%;
	height: 50px;
	background: transparent;
	color: #6dbd3c;
	font-size: 16px;
	letter-spacing: 1px;
	border: 2px dashed #6dbd3c;
	border-radius: 5px;
	cursor: pointer;
	transition: 0.3s ease-in-out;
	margin-bottom: 20px;
}

	.btn-add-encarregado:hover {
		background: #6dbd3c;
		color: #111;
		box-shadow: 0 0 20px rgba(109, 189, 60, 0.6);
	}
.checkbox-container {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}

	.checkbox-container input[type="checkbox"] {
		width: 50px;
		height: 50px;
		accent-color: #6dbd3c;
		cursor: pointer;
	}

.btn-sm-action {
	padding: 8px 14px;
	font-size: 14px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-family: "Poppins", sans-serif;
	transition: 0.3s ease-in-out;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* Estilo do botão de adicionar foto */
.btn-add-photo {
	background-color: #6dbd3c;
	color: #fff;
}

	.btn-add-photo:hover {
		background-color: #5aa42f;
		box-shadow: 0 0 10px rgba(109, 189, 60, 0.5);
	}

/* Estilo do botão de remover foto */
.btn-remove-photo {
	background-color: #c0392b;
	color: #fff;
}

	.btn-remove-photo:hover {
		background-color: #a93226;
		box-shadow: 0 0 10px rgba(192, 57, 43, 0.5);
	}


/* Responsividade extra */
@media screen and (max-width: 500px) {
	body {
		padding: 10px;
	}

	.form {
		width: 100%;
		padding: 10px;
	}

	h1 {
		font-size: 28px;
	}

	h2 {
		font-size: 20px;
	}
}



.alert {
	width: 100%;
	max-width: 500px;
	padding: 15px 20px;
	margin-bottom: 20px;
	border-radius: 8px;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	text-align: left;
	position: relative;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	transition: all 0.3s ease-in-out;
}
.alert ul {
	margin: 0;
	padding-left: 20px;
}

.alert li {
	margin-bottom: 5px;
	font-size: 15px;
}

/* Botão de fechar */
.alert .close {
	position: absolute;
	top: 10px;
	right: 15px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	background: none;
	border: none;
	cursor: pointer;
	transition: color 0.3s ease-in-out;
}

	.alert .close:hover {
		color: #ccc;
	}

/* Estilos específicos */
.alert-danger {
	background-color: rgba(192, 57, 43, 0.15);
	color: #f8d7da;
	border: 2px solid #c0392b;
}

.alert-success {
	background-color: rgba(109, 189, 60, 0.15);
	color: #d4edda;
	border: 2px solid #6dbd3c;
}

.alert-warning {
	background-color: rgba(255, 193, 7, 0.15);
	color: #fff3cd;

	border: 2px solid #ffc107;
}




	.checkbox-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.checkbox-label {
	display: flex;
	align-items: center;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	color: #6dbd3c;
	cursor: pointer;
	gap: 12px;
}

.styled-checkbox {
    width: 20px;
    height: 20px;
    accent-color: #6dbd3c;
    border-radius: 4px;
    cursor: pointer;
    transition: box-shadow 0.3s ease-in-out;
}

.styled-checkbox:hover,
.styled-checkbox:focus {
    box-shadow: 0 0 10px rgba(109, 189, 60, 0.6);
}






btn-pdf-download {
	background-color: #d32f2f;
	color: white;
	padding: 10px 20px;
	font-weight: 500;
	border-radius: 6px;
	text-decoration: none;
	transition: background-color 0.3s ease;
	display: inline-block;
}

.btn-pdf-download:hover {
	background-color: #b71c1c;
	color: #fff;
	text-decoration: none;
}

.btn-pdf-download i {
	margin-right: 8px;
}