/* =========================
   CARDS
========================= */

.gcCard{
	background:#fff;
	border:1px solid #e6e9ef;
	border-radius:10px;
	box-shadow:0 4px 14px rgba(0,0,0,.05);
	padding:12px;
	margin-bottom:15px;
}

.gcHeader{
	padding:12px 14px 0;
	background:#f5f7fa;
	border-bottom:1px solid #e5eaf0;
	border-radius:10px 10px 0 0;
	margin:-12px -12px 12px -12px;
}

.gcHeader h3{
	margin:0;
	font-size:24px;
	font-weight:600;
	color:#263238;
}

.gcSubtitulo{
	font-size:11px;
	color:#6b7280;
	margin-top:2px;
}


/* =========================
   FILTROS
========================= */

.gcFiltros{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
	align-items:flex-end;
	margin-bottom:10px;
}

.gcFiltro{
	display:flex;
	flex-direction:column;
}

.gcFiltro label{
	font-size:11px;
	font-weight:600;
	color:#64748b;
	margin-bottom:3px;
}

.gcFiltro select,
.gcFiltro input{
	height:28px;
	font-size:12px;
	border-radius:6px;
	border:1px solid #d7dee7;
	padding:2px 6px;
	background:#fff;
}

.gcFiltro select:focus,
.gcFiltro input:focus{
	border-color:#78909c;
	box-shadow:0 0 0 2px rgba(120,144,156,.12);
	outline:none;
}


/* =========================
   TABLAS
========================= */

.gcTable{
	width:auto;
	font-size:12px;
	border-collapse:collapse;
	background:#fff;
	margin-bottom:0;
}

.gcTable th{
	background:#263238;
	color:#fff;
	border:none;
	font-size:11px;
	font-weight:600;
	padding:8px 10px;
	text-transform:uppercase;
	letter-spacing:.04em;
}

.gcTable td{
	padding:5px 10px;
	line-height:1.15;
	border:1px solid #edf1f5;
	vertical-align:middle;
}

.gcTable tbody tr:nth-child(even){
	background:#fbfcfe;
}

.gcTable tbody tr:hover{
	background:#f8fafc;
}


/* =========================
   INPUTS MINI
========================= */

.gcInputMini{
	width:60px;
	height:22px;
	font-size:11px;
	text-align:center;
	border-radius:5px;
	border:1px solid #d7dee7;
}

.gcInputMini:focus{
	border-color:#78909c;
	box-shadow:0 0 0 2px rgba(120,144,156,.12);
	outline:none;
}


/* =========================
   ICONOS / ACCIONES
========================= */

.gcIcon{
	cursor:pointer;
	font-size:14px;
	transition:.15s;
}

.gcIcon.ok{ color:#16a34a; }
.gcIcon.no{ color:#ccc; }

.gcIcon:hover{
	opacity:.7;
}


/* =========================
   UTILIDADES
========================= */

.gcFlex{
	display:flex;
}

.gcBetween{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.gcGap{
	gap:10px;
}

.gcRight{
	text-align:right;
}

.gcCenter{
	text-align:center;
}



.gcTableCompact{
	font-size:11px;
	line-height:1.1;
	border-collapse:collapse;
	width:auto;
	background:white;
}

.gcTableCompact th,
.gcTableCompact td{
	padding:3px 6px !important;
}


.gcTableCompact td{
	vertical-align:middle;
}

.gcTableCompact tr{
	height:25px;
}


.gcVarTexto{
	font-size:13px;
	line-height:1.2;
	padding:5px;
}


.table td,
.table th{
	vertical-align: middle !important;
}