/* Estilos gerais para links */
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	text-decoration: none;
}
a:visited {
	color: #000066;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	text-decoration: none;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	text-decoration: none;
}

/* Estilo para o parágrafo da referência com efeito de zoom */
.referencia {
	padding: 10px;
	margin: 1em 0;
	transition: transform 0.2s ease, background-color 0.2s ease;
	transform-origin: left center;
}
.referencia:hover {
	transform: scale(1.2);
	background-color: #f5f5f5; /* Cinza bem claro */
	position: relative;
	z-index: 10;
}


/* Contêiner para alinhar os ícones de PDF e Cópia */
.icon-container {
	display: flex;
	align-items: center;
	margin-top: 5px; /* Espaço entre o texto e os ícones */

	/* --- ESCOLHA UMA DAS OPÇÕES DE ALINHAMENTO ABAIXO --- */

	/* OPÇÃO 1: Ícones lado a lado, à esquerda (descomente as 2 linhas abaixo) */
	justify-content: flex-start; /* Alinha os ícones no início (esquerda) */
	gap: 15px; /* Cria um espaço de 15px entre os ícones */

	/* OPÇÃO 2: Um ícone na esquerda e outro na direita (descomente a linha abaixo) */
	/* justify-content: space-between; */

}


/* Estilos para o botão de cópia criado dinamicamente (monografias_2026.htm) */
.copy-button {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	position: relative; /* Necessário para o tooltip */
	display: inline-block;
}

/* Estilos para o contêiner do botão de cópia existente (monografias_2027.htm) */
.copy-button-wrapper {
	position: relative; /* Necessário para o tooltip */
	display: inline-block;
}
.copy-button-wrapper a {
	display: block; /* Garante que o link se comporte bem dentro do wrapper */
}

/* Estilos do Tooltip (usado por ambos os tipos de botão) */
.copy-button .tooltiptext,
.copy-button-wrapper .tooltiptext {
	visibility: hidden;
	width: 220px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%; /* Posiciona o tooltip acima do ícone */
	left: 50%;
	margin-left: -110px; /* Metade da largura para centralizar */
	opacity: 0;
	transition: opacity 0.3s;
}
.copy-button .tooltiptext::after,
.copy-button-wrapper .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}
/* Tooltip for icon hover (added via JS) */
.icon-tooltip-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.icon-tooltip-text {
    visibility: hidden;
    width: 260px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 135%;
    left: 50%;
    margin-left: -130px;
    opacity: 0;
    transition: opacity 0.3s;
	/* match pointer location even during keyboard focus */
    pointer-events: none;
}

.icon-tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.icon-tooltip-wrapper:hover .icon-tooltip-text,
.icon-tooltip-wrapper:focus-within .icon-tooltip-text {
    visibility: visible;
    opacity: 1;
}