.vba-clima {
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	padding: 16px;
	max-width: 360px;
	font-family: inherit;
	background: #fff;
}

.vba-clima--panel {
	max-width: 320px;
}

.vba-clima__header {
	margin-bottom: 12px;
}

.vba-clima__city {
	margin: 0;
	font-size: 1.2rem;
	font-weight: 600;
	color: #0f172a;
}

.vba-clima__condition {
	display: block;
	color: #64748b;
	font-size: 0.9rem;
}

.vba-clima__body {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}

.vba-clima__icon {
	width: 64px;
	object-fit: contain;
}

.inverted-icon {
	filter: invert(1);
}

.vba-clima__temp {
	font-size: 2rem;
	font-weight: 700;
	color: #0f172a;
}

.vba-clima__details {
	list-style: none;
	margin: 0;
	padding: 12px 0 0;
	border-top: 1px solid #f1f5f9;
}

.vba-clima__detail {
	display: flex;
	justify-content: space-between;
	padding: 6px 0;
	font-size: 0.9rem;
}

.vba-clima__label {
	color: #64748b;
}

.vba-clima__value {
	font-weight: 600;
	color: #334155;
}

.vba-clima__empty {
	color: #64748b;
	font-style: italic;
	margin: 0;
}