/* assets/css/help-popup.css*/
/* Estilo básico do botão de ajuda "?" */
        .btn-help {
			/*background-color: var(--beige);
            color: var(--brown);*/
            background-color: var(--beige);
            color: var(--brown);
            border: 2px solid var(--brown);
            border-radius: 50%;
            width: 24px;
            height: 24px;
            font-weight: bold;
            cursor: pointer;
            font-size: 16px;
			position: absolute;
            right: -2px;
			top: 50%;
			transform: translateY(-50%);
			/* Linhas adicionadas para centralizar o texto */
            display: flex;
            justify-content: center; /* Centraliza horizontalmente */
            align-items: center;     /* Centraliza verticalmente */
        }
		.btn-help:hover {
			background-color: var(--white);
		}

        /* Estilo do Pop-up (Dialog) */
        dialog {
			background-color: var(--beige);
            border: none;
            border-radius: 8px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
            padding: 50px;
            width: 300px;
            text-align: center;
        }
		
		dialog.sucess {
			background-color: var(--green_light);
			color: var(--green);
		}
		
		dialog.erro {
			background-color: var(--red_light);
			color: var(--red);
		}

        /* Estilo do fundo escurecido atrás do pop-up */
        dialog::backdrop {
            background-color: var(--backgroung_color_popup);
        }

        /* Botão OK de fechar */
        .btn-close {
            margin-top: 15px;
            background-color: var(--brown);
            color: var(--white);
            border: none;
            padding: 8px 20px;
            border-radius: 4px;
            cursor: pointer;
        }
		.btn-close:hover {
			background-color: var(--brown-dark);
		~}