.gradiente {
		background: rgb(2, 0, 36);
		background: linear-gradient(90deg, rgba(0, 212, 255, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(2, 0, 36, 1) 100%);
	}

	.mudacor:hover {
		background-color: #ffa;
	}

	.br-select {
		max-width: 100%;
	}

	#filtroManifestacao .br-input input {
		width: 100%;
		box-sizing: border-box;
	}

	#filtroManifestacao .br-list {
		min-width: 100%;
	}

	.hp {
		position: absolute;
		left: -9999px;
		top: -9999px;
		border: none;
	}

    .br-card {
        box-shadow: var(--surface-shadow-sm);
    }

    .card-modern {
        border-radius: 12px;
        background: #ffffff;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
        border: none;
    }

    .card-modern .card-header {
        background: linear-gradient(90deg, #1351B4, #0C326F);
        color: #fff;
        border-radius: 12px 12px 0 0;
        padding: 1rem 1.5rem;
        font-size: 1rem;
        letter-spacing: 0.5px;
    }

    .section-title {
        font-size: 0.9rem;
        font-weight: 600;
        color: #1351B4;
        margin-bottom: 1rem;
    }

    .card-modern .br-input {
        margin-bottom: 1rem;
    }

    .card-modern .form-control {
        border-radius: 8px;
        border: 1px solid #d6d6d6;
        transition: all 0.2s ease;
    }

    .card-modern .form-control:focus {
        border-color: #1351B4;
        box-shadow: 0 0 0 2px rgba(19, 81, 180, 0.15);
    }

    .section-divider {
        height: 1px;
        background: #E6E6E6;
        margin: 2rem 0;
    }

    .btn_question{
        font-size:14px;
        color:blue
    }

	.modal-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		display: none;
		align-items: center;
		justify-content: center;
		z-index: 9999;
		}

	.modal-overlay.ativo {
		display: flex;
	}

	.modal-box {
		background: #ffffff;
		width: 90%;
		max-width: 600px;
		border-radius: 8px;
		box-shadow: 0 10px 30px rgba(0,0,0,0.2);
		animation: aparecer 0.2s ease-out;
	}

	@keyframes aparecer {
		from { transform: translateY(-10px); opacity: 0; }
		to { transform: translateY(0); opacity: 1; }
	}

	.modal-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 16px 20px;
		border-bottom: 1px solid #eee;
	}

	.modal-body {
		padding: 20px;
		line-height: 1.6;
	}

	.modal-footer {
		padding: 15px 20px;
		border-top: 1px solid #eee;
		text-align: right;
	}

	.fechar-modal {
		background: none;
		border: none;
		font-size: 22px;
		cursor: pointer;
	}

	.btn-base {
		padding: 10px 18px;
		border: none;
		background: #1351b4;
		color: white;
		border-radius: 5px;
		cursor: pointer;
	}

	.btn-secundario {
		padding: 8px 16px;
		border: none;
		background: #666;
		color: white;
		border-radius: 4px;
		cursor: pointer;
	}

	.btn-base:hover {
		background: #0c3d91;
	}