/*------------------------------------------------------------
  Tabla de Estima Loxodrómica
*/
.cvpbEstimaTabla {
	border-collapse: collapse;
	white-space: nowrap;
}
.cvpbEstimaTabla th,
.cvpbEstimaTabla td {
	border: 1px solid silver;
	padding: 3px 5px;
	text-align: center;
}

/*------------------------------------------------------------
  Encabezado sticky (dos filas: rumbos + subtítulos)
  Primera fila del thead (rumbos, colspan=2, y "Dist." con rowspan=2)
*/
.cvpbEstimaTabla thead tr:first-child th {
	position: -webkit-sticky; /* compatibilidad Safari viejo */
	position: sticky;
	top: 0;
	z-index: 101;
	background-color: navy; /* evita que se transparente el contenido al scrollear */
	color: white;
	border: 1px solid white;	
}
/* Segunda fila del thead (subtítulos) */
.cvpbEstimaTabla thead tr:last-child th {
	position: -webkit-sticky;
	position: sticky;
	top: 23px; /* IMPORTANTE: medir la altura real de la primera fila en el inspector (F12 -> Computed -> height) y ajustar este valor */
	z-index: 100;
	background-color: navy;
	color: white;
	border: 1px solid white;
}
/*------------------------------------------------------------
  Columna Distancia
*/
.cvpbEstimaTabla tbody .cvpbEstimaDistancia {
	font-weight: bold;
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 10;
	background-color: lightgray;
	border: 1px solid black;
}

/* La celda de esquina "Dist." (thead, rowspan=2) necesita sticky en los DOS ejes */
.cvpbEstimaTabla thead .cvpbEstimaEsquina {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 102; /* más alto que todo lo demás: header y columna */
	background-color: white;
}
.cvpbEstimaWhite {
	background-color: white;
}
.cvpbEstimaCyan {
	background-color: lightcyan;
}