/* PERSONALIZADO: Modificado para proyecto Semblanza
   - Hover naranja (#ec6608)
   - Tooltip de registros oculto
   - Estado activo en naranja
   - Integrado con variables CSS de semblanza
   Fecha: 13 de noviembre 2025
*/

div.alphabet {
	clear:both;
	position:relative;
	margin:0.5em 0;
}

@media screen and (max-width:640px){
	div.alphabet {
		text-align:center;
	}
}

div.alphabet ul {
	display:inline-block;
	margin:0;
	padding:0;
	list-style:none;
}

div.alphabet li {
	display:inline-block;
}

div.alphabet a {
	display:inline-block;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	box-sizing:content-box;
	padding:0.2em 0.1em;
	min-width:1.3em;
	color:#ec6608 !important;
	border:1px solid transparent;
	border-radius:2px;
}

/* MODIFICADO: Hover en naranja - DEBE ir después de otras reglas hover */
div.alphabet a:hover {
	color:#FFF !important;
	border:1px solid #ec6608 !important;
	background-color:#ec6608 !important;
	background:linear-gradient(to bottom, #ec6608 0%, #d45507 100%) !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(236,102,8,0.3);
	transition: all 0.25s ease-in-out;
}

/* No aplicar hover a elementos vacíos */
div.alphabet a.empty:hover {
	color:red !important;
	border:1px solid transparent !important;
	background:none !important;
	transform: none;
	box-shadow: none;
}

div.alphabet a:active {
	outline:none;
	background-color:#ec6608;
	background:linear-gradient(to bottom, #ec6608 0%, #b33924 100%);
	box-shadow:inset 0 0 3px #ec6608;
} 

div.alphabet a.empty {
	color:#888 !important;
}

/* MODIFICADO: Estado activo en naranja */
div.alphabet a.active,
div.alphabet a.active.empty {
	color:#FFF !important;
	border:1px solid #ec6608;
	background-color:#ec6608 !important;
	background:linear-gradient(to bottom, #ec6608 0%, #d45507 100%);
	transform: scale(1.05);
	box-shadow: 0 3px 6px rgba(236,102,8,0.4);
}

/* MODIFICADO: Ocultar COMPLETAMENTE el tooltip y contador de registros */
div.alphabet .alphabet-info-display {
	display: none !important;
	visibility: hidden !important;
}

div.alphabet div.alphabet-info {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	position:absolute;
	border:1px solid #ec6608;
	background-color:#f9f3e9;
	background:linear-gradient(to bottom, #f9f3e9 0%, #ec6608 100%);
	border-radius:2px;
	color:#f9f3e9;
	margin-top:0.2em;
	padding:0.2em 0.4em;
	text-align:center;
	z-index:9999;
}

tr.alphabet-group, tr.alphabet-group:hover {
	background-color:#ec6608 !important;
}

div.alphabet div.alphabet-info[style] {
	display: none !important;
	opacity: 0 !important;
}