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

		body{
			padding: 0px; 
			margin: 0px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #f4f6f8;
		}

		ul,li.a{
			list-style: none;
			text-decoration: none;
		}

		.container {
			max-width: 400px;
			margin: 0 auto;
			padding: 30px;
			border-radius: 10px;
		}

		.titulo{
			display: flex;
			margin-bottom: 10px;
			flex-direction: column;	
			text-align: center;
			margin-top: 30px;
		}

		.titulo h3{
			color: #707070;
			font-weight: bold;
			font-size: 20px;
		}
		
		.titulo p{
			color: #858585;
			font-size: 15px;
			margin-top: 10px;
		}

		.logo-cliente{
			display: flex;
			justify-content: center;
			margin-bottom: 10px;
		}

		.logo-cliente img{
			width: 130px;
			padding: 5px;
			border-radius: 5px;
		}

		.form-group {
			margin-bottom: 15px;
			display: flex;
			flex-direction: column;
		}

		.form-label {
			font-weight: bold;
			color: #444;
		}

		.form-control {
			width: 100%;
			padding: 10px;
			font-size: 1rem;
			border: 1px solid #ccc;
			border-radius: 5px;
			margin-top: 10px;
		}

		.btn-success {
			background-color: #28a745;
			color: white;
			padding: 12px;
			border: none;
			border-radius: 5px;
			font-size: 1rem;
			cursor: pointer;
			width: 100%;
			transition: background-color 0.3s;
		}

		.btn-success:hover {
			background-color: #218838;
		}		

		.alert {
			padding: 15px 20px;
			border-radius: 8px;
			font-size: 1rem;
			margin: 10px 0;
			border-left: 5px solid;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
			display: flex;
			align-items: center;
			gap: 10px;
		}

		.success {
			background-color: #e6f4ea;
			color: #2e7d32;
			border-color: #28a745;
		}

		.danger {
			background-color: #f7d8d6;
			color: #c0392b;
			border-color: #e3342f;
		}