/*
 * Integración del logotipo horizontal JOG.
 * El JPG original tiene fondo negro puro; header y footer usan el mismo tono
 * para que el logotipo se perciba como parte de la interfaz, sin rectángulo.
 */

.site-header {
	background: #000 !important;
	border-bottom-color: rgba(255, 255, 255, .12) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

.brand,
.footer-brand {
	background: #000;
}

.brand-horizontal-logo,
.footer-horizontal-logo {
	object-fit: contain !important;
	object-position: left center !important;
	background: #000;
}

.site-footer {
	background: #000 !important;
	border-top-color: rgba(255, 255, 255, .12) !important;
}

.site-footer .footer-bottom {
	border-top-color: rgba(255, 255, 255, .12) !important;
}

.footer-square-logo {
	display: block;
	width: clamp(124px, 11vw, 156px);
	height: auto;
	aspect-ratio: 1;
	object-fit: contain;
	object-position: left center;
	background: #000;
}

.vlog-hero-watermark {
	position: absolute;
	z-index: 2;
	top: auto;
	right: auto;
	bottom: 7%;
	left: 52.5%;
	width: clamp(82px, 8vw, 118px);
	height: auto;
	opacity: .26;
	transform: translateX(-50%);
	pointer-events: none;
	filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .2));
}

@media (max-width: 720px) {
	.vlog-hero-watermark {
		top: auto;
		right: auto;
		bottom: 22px;
		left: 52%;
		width: 72px;
		opacity: .24;
	}

	.footer-square-logo {
		width: 132px;
	}
}