/* Versão 7.00 - Otimizada */

:root {
	/* Fontes */
	--font-primary: 'Abel', sans-serif;
	--font-secondary: 'Segoe UI Light', sans-serif;
	--font-fallback: Arial, sans-serif;

	/* Cores de Texto e Fundo */
	--color-black: #000000;
	--color-white: #ffffff;
	--color-gray: #808080;
	--color-silver: #c0c0c0;
	--color-silver-style: #afafaf;
	--color-navy: #000080;
	--color-orange: #ffa500;
	--color-red: #ff0000;
	--color-royalblue: #27aae0;

	/* Cores Temáticas do Sistema */
	--color-brand-purple: #532a8a;
	--color-brand-purple-dark: #572f8d;
	--color-brand-purple-light: #b4a3e5;
	--color-brand-orange: #f67f19;
	--color-brand-yellow: #ffd426;
	--color-alert-red: #ff2e2e;
	--color-alert-darkred: #ac0024;
	
	/* Cores dos Componentes de Idioma / Combo */
	--color-bg-blue-light: #a2bcf6;
	--color-bg-blue-hover: #5489ff;
	--color-button-blue: #6d87c3;
	--color-button-blue-hover: #3399ff;
	--color-button-blue-active: #808cd5;

	/* Cores de Fundo Gerais */
	--color-bg-light: #f6f6f6;
}

/* ==========================================================================
   1. Links & Navegação (Menu, m_Link, AlertLinkIcon, Help)
   ========================================================================== */

/* --- Menu --- */
a:link.Menu {
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: var(--color-black);
	text-decoration: none;
	background: none;
}
a:visited.Menu {
	font-weight: bold;
	color: var(--color-black);
	text-decoration: none;
	background: none;
}
a:hover.Menu {
	font-weight: bold;
	color: var(--color-brand-orange);
	text-decoration: none;
	background: none;
}

/* --- m_Link --- */
a:link.m_Link {
	font-family: var(--font-primary);
	font-weight: normal;
	font-size: 14px;
	color: var(--color-white);
	text-decoration: none;
	background: none;
}
a:visited.m_Link {
	color: var(--color-white);
}
a:active.m_Link,
a:hover.m_Link {
	color: var(--color-brand-yellow);
}

/* --- AlertLinkIcon --- */
a:link.AlertLinkIcon {
	text-decoration: none;
	color: var(--color-alert-darkred);
}
a:hover.AlertLinkIcon,
a:visited.AlertLinkIcon {
	text-decoration: none;
	color: var(--color-alert-red);
	background-color: transparent; /* Corrigido de 'none' para 'transparent' */
	text-shadow: 0px 2px 2px var(--color-black);
}

/* --- Help (Lista de Candidatos) --- */
a:link.Help {
	font-family: var(--font-secondary);
	font-size: 9px;
	font-weight: normal; /* Corrigido de 'none' para 'normal' */
	color: var(--color-white);
	text-decoration: none;
	background: none;
}
a:visited.Help {
	font-weight: bold;
	color: var(--color-white);
	text-decoration: none;
	background: none;
}
a:hover.Help {
	color: var(--color-white);
}

/* ==========================================================================
   2. Componentes da Lista de Candidatos (Applicant List)
   ========================================================================== */

.LanguageHelp {
	float: right;
	margin: 2px;
	padding: 1px;
	width: 50px;
	height: 40px;
	text-align: center;
	border: solid 1px var(--color-gray);
	background-color: var(--color-bg-blue-light);
}
.LanguageHelp:hover {
	background-color: var(--color-bg-blue-hover);
	border: solid 1px var(--color-white);
}

.pdfIconBorder {
	border: 2px solid transparent;
	height: 40px;
	width: 35px;
}
.pdfIconBorder:hover {
	border: 2px solid var(--color-orange);
	background: none;
	cursor: context-menu; /* Corrigido erro de digitação 'poiter' anterior */
}

/* ==========================================================================
   3. Grid, Tabelas e Estrutura de Layout
   ========================================================================== */

.TableCell {
	float: left;
	padding: 5px;
}
.CellWidth-1 { width: 100px; }
.CellWidth-2 { width: 200px; }
.CellWidth-3 { width: 300px; }

.container {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.box {
	width: 800px;
	float: left;
}
.bar-logo {
	width: 130px;
}

/* ==========================================================================
   4. Formulários e Inputs (Form-Field, Box, ComboBox)
   ========================================================================== */

.Form-Field {
	color: var(--color-brand-purple);
	border: solid 1px var(--color-brand-purple);
	height: 40px;
	text-align: left;
	background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 91%);
	width: 100%;
}
.Form-Field-Small {
	color: var(--color-brand-purple); /* Corrigido o '#' ausente */
	border: solid 1px var(--color-brand-purple);
	height: 20px;
	text-align: left;
	background: var(--color-white);
}
.Form-Box {
	color: var(--color-brand-purple);
	border: solid 1px var(--color-brand-purple);
	text-align: left;
	background: var(--color-white);
	width: 100%;
}
.ComboBoxField {
	font-family: var(--font-primary), var(--font-fallback);
	font-size: 18px;
	font-weight: normal;
	color: var(--color-black);
	border: solid 1px var(--color-brand-purple);
	background: var(--color-white);
	height: 40px;
}
.selectcombobox {
	min-width: 300px;
	font-family: var(--font-primary);
	font-size: 16px;
	color: var(--color-white);
	padding-block: 10px;
	padding-inline: 10px;
	border-radius: 6px;
	border: 1px solid var(--color-gray);
	cursor: pointer;
	background: var(--color-bg-blue-light);
}

/* ==========================================================================
   5. Tipografia Especial (Subtítulos e Rótulos)
   ========================================================================== */

.SubTitle {
	font-family: var(--font-primary);
	font-size: 20px;
	font-weight: normal; /* Corrigido de 'none' */
	font-style: normal;  /* Corrigido de 'none' */
	color: var(--color-black);
}
.FieldLabel {
	font-family: var(--font-primary), var(--font-fallback);
	font-weight: normal; /* Corrigido de 'none' */
	font-style: normal;  /* Corrigido de 'none' */
	color: var(--color-black);
}
.AbelFamily {
	font-family: var(--font-primary);
	font-size: 16px;
	font-weight: normal; /* Corrigido de 'none' */
	font-style: normal;  /* Corrigido de 'none' */
}

/* ==========================================================================
   6. Botões (Button3, IconButton, IconButtonSmall)
   ========================================================================== */

.Button3 {
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: normal; /* Corrigido de 'none' */
	color: var(--color-white);
	border: solid 1px var(--color-navy);
	height: 26px;
	background: var(--color-button-blue);
	border-radius: 4px; /* Removido o 'border-radius:px' duplicado inválido */
}
.Button3:hover {
	box-shadow: 0px 0px 3px #333333;
	color: var(--color-white);
	background: var(--color-button-blue-hover);
}

.IconButton {
	color: var(--color-white);
	border: solid 1px var(--color-brand-purple-light);
	min-height: 42px;
	background: var(--color-brand-purple-dark);
}
.IconButton:hover {
	background: #7581c8;
	box-shadow: 0px 0px 1em #333333;
}
.IconButton:active,
.IconButtonSmall:active {
	border-top-color: var(--color-black);
	border-right-color: var(--color-white);
	border-bottom-color: var(--color-white);
	border-left-color: var(--color-black);
}

.IconButtonSmall {
	color: var(--color-navy);
	border: solid 1px var(--color-brand-purple-light);
	min-height: 26px;
	background: transparent;
}
.IconButtonSmall:hover {
	color: var(--color-white);
	background: var(--color-button-blue-active);
	box-shadow: 0px 0px 5px #333333;
}

/* ==========================================================================
   7. Classes Utilitárias (Tamanhos, Cores Rápidas e Estilos)
   ========================================================================== */

/* Font-Sizes */
.FontSize-Micro  { font-size: 10px; }
.FontSize-Mini   { font-size: 14px; }
.FontSize-Small  { font-size: 18px; }
.FontSize-Medium { font-size: 24px; }

/* Icon-Sizes */
.FamilyIconBig    { font-size: 60px; }
.FamilyIconMedium { font-size: 38px; }
.FamilyIconSmall  { font-size: 24px; }
.FamilyIconMini   { font-size: 14px; }
.FamilyIconMicro  { font-size: 10px; }

/* Cores Utilitárias */
.Orange    { color: var(--color-orange); }
.Navy      { color: var(--color-navy); }
.Red       { color: var(--color-red); }
.White     { color: var(--color-white); }
.Gray      { color: var(--color-gray); }
.RoyalBlue { color: var(--color-royalblue); }
.SilverStyle { color: var(--color-silver-style); }
.Bold      { font-weight: bold; }

/* ==========================================================================
   8. Componentes Específicos (WhatsApp Flutuante)
   ========================================================================== */

#posiciona {
	position: fixed;
	left: 90%; 
	bottom: 100px;
	width: 40px;
	height: 40px;
	background-color: transparent;
	text-align: center;
	z-index: 1000;
}
.whatsapp {
	width: 100%;
	margin: 5px;
	border-radius: 7px;
	filter: drop-shadow(3px 3px 4px var(--color-black));
}
.whatsapp:hover {
	border: solid 3px green;
}

/* ==========================================================================
   9. Media Queries (Responsividade)
   ========================================================================== */

@media (max-width: 799px) {
	.ResposibleWidth,
	.VideoWidth {
		width: 100%;
	}
	.GridTableBorder {
		border-top: solid 1px var(--color-silver);
	}
}

@media (min-width: 800px) {
	.ResposibleWidth {
		width: 800px;
	}
	.VideoWidth {
		width: 760px;
		height: 570px;
	}
	.GridTableBorder {
		border-top: none 1px var(--color-silver);
	}
}