/* ComoVa — Estado de sitios y trámites en línea (features/comova/sources/sitios.php).
   Reuses the core .cv-uptime / .cv-bars / .cv-chip look; only the extras live here. */

.cv-sitios-summary p { margin: 0 0 1rem; line-height: 1.55; }

.cv-sitios .cv-sitios-cat {
	margin: 18px 0 2px;
	font-size: .8rem;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--cv-muted);
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: baseline;
}
.cv-sitios .cv-sitios-more { text-transform: none; letter-spacing: 0; font-size: .85rem; font-weight: 600; }

.cv-sitios-row .cv-uptime-head { min-width: 0; }
.cv-sitios-row .cv-uptime-name { overflow-wrap: anywhere; }
.cv-sitios-uptime {
	margin-left: auto;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.cv-sitios-meta {
	margin: -2px 0 8px;
	font-size: .8rem;
	color: var(--cv-muted);
	line-height: 1.45;
	overflow-wrap: anywhere;
}
.cv-sitios-provider {
	margin: 0 0 8px;
	font-size: .8rem;
	line-height: 1.6;
	overflow-wrap: anywhere;
}
.cv-sitios-provider .cv-chip { font-size: .72rem; }
.cv-sitios-components { color: var(--cv-muted); }
.cv-sitios-provider-inc { font-weight: 600; }
.cv-sitios .cv-bar { cursor: default; }
.cv-sitios .cv-bar:hover { transform: none; }
.cv-sitios-source { margin: 12px 0 0; }

.cv-sitios-incidents p { line-height: 1.55; }
.cv-sitios-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 .5rem; }
.cv-sitios-table { width: 100%; border-collapse: collapse; font-size: .9rem; background: var(--cv-surface); }
.cv-sitios-table th,
.cv-sitios-table td { padding: .45rem .55rem; border-bottom: 1px solid var(--cv-border); text-align: left; vertical-align: top; }
.cv-sitios-table th { font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; color: var(--cv-muted); background: var(--cv-surface-2); white-space: nowrap; }
.cv-sitios-table td:nth-child(2),
.cv-sitios-table td:nth-child(3),
.cv-sitios-table td:nth-child(4) { white-space: nowrap; font-variant-numeric: tabular-nums; }
.cv-sitios-table tr.is-open td { font-weight: 600; }

@media (max-width: 480px) {
	.cv-sitios-uptime { font-size: .9rem; }
	.cv-sitios .cv-bars { height: 28px; gap: 1px; }
	.cv-sitios .cv-bar { min-width: 1px; border-radius: 2px; }
}