/* ══════════════════════════════════════════════════════════════
   Vicuña Hero Banner
   ══════════════════════════════════════════════════════════════ */

/* ── Contenedor — sin overflow:hidden para que la etiqueta flote ── */

.vhero-wrap {
	position: relative;
	width: 100%;
	/* margin-bottom inyectado inline desde PHP según el offset de la etiqueta */
}

/* ── Imagen ─────────────────────────────────────────────────── */

.vhero-image {
	width: 100%;
	display: block;
	height: auto;
	max-width: none;
}

/* Modo altura fija (opcional, activable desde Elementor) */
.vhero-wrap--fixed-height .vhero-image {
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

/* ── Etiqueta flotante ──────────────────────────────────────── */

.vhero-label {
	position: absolute;
	/* posición y colores inyectados inline desde PHP */
	margin: 0;
	box-sizing: border-box;
	z-index: 10;
	line-height: 1.2;
}

/* ── Responsive ─────────────────────────────────────────────── */

@media (max-width: 768px) {
	.vhero-label {
		font-size: 1.2rem !important;
		padding: 8px 20px !important;
	}
}

@media (max-width: 480px) {
	.vhero-label {
		font-size: 1rem !important;
		padding: 7px 16px !important;
		left: 4% !important;
	}
}