:root {
	--shadow: 0 18px 40px rgba(0, 0, 0, .10);
}
.site {
	margin: 1rem 0;
	padding: 18px clamp(16px, 3vw, 40px);
}
.branding {
	display: flex;
	align-items: center;
	gap: 12px;

}
.logo {
	width: 64px;
	height: 64px;
	border-radius: 14px;
	background: #fafafa;
	padding: 2px;
	box-shadow: var(--shadow);
	object-fit: cover;
}
.brand {
	display: flex;
	flex-direction: column;
}
.brand-name {
	font-size: 1.25rem;
	letter-spacing: .3px;
}
.brand-tag {
	color: #6b7280;
	/* gris suave para subtítulo */
	font-size: .95rem;
}