/* Bloque de campaña de bonos regalo - Basylic Kitchen
   Foto a sangre con titular y boton encima. */

@font-face {
	font-family: "BCT Fraunces";
	src: url("fonts/fraunces.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

.bct-campana {
	position: relative;
	min-height: 440px;
	display: flex;
	align-items: center;
	overflow: hidden;
	background: #06121d;
	border-radius: 6px;
	max-width: 100%;
	box-sizing: border-box;
}

.bct-campana * { box-sizing: border-box; }

.bct-campana .bct-campana-img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
	object-position: right center;
	border-radius: 0 !important;
	display: block;
}

.bct-campana::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(4,12,20,.82) 0%, rgba(4,12,20,.55) 38%, rgba(4,12,20,0) 62%);
	pointer-events: none;
}

.bct-campana-sin-imagen::after { display: none; }

.bct-campana-cuerpo {
	position: relative;
	z-index: 2;
	padding: 48px 60px;
	max-width: 640px;
}

.bct-campana .bct-campana-titulo {
	font-family: "BCT Fraunces", Georgia, "Times New Roman", serif !important;
	font-variation-settings: "opsz" 144;
	font-weight: 400 !important;
	font-size: 64px !important;
	line-height: 1.02 !important;
	letter-spacing: -.02em !important;
	text-transform: none !important;
	color: #ffffff !important;
	margin: 0 0 18px !important;
	padding: 0 !important;
}

.bct-campana .bct-campana-texto {
	color: #efe9df !important;
	font-size: 18px !important;
	line-height: 1.5 !important;
	margin: 0 0 30px !important;
	max-width: 430px;
}

.bct-campana-pie {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px 22px;
}

.bct-campana .bct-campana-boton {
	display: inline-block;
	background: #c9a23f;
	color: #0b1a28 !important;
	font-weight: 700;
	font-size: 17px;
	line-height: 1.2;
	padding: 17px 30px;
	border-radius: 4px;
	text-decoration: none !important;
	transition: background .2s ease;
}

.bct-campana .bct-campana-boton:hover,
.bct-campana .bct-campana-boton:focus-visible { background: #e3c067; }

.bct-campana .bct-campana-boton:focus-visible { outline: 2px solid #ffffff; outline-offset: 3px; }

.bct-campana .bct-campana-precio {
	color: #e3c067 !important;
	font-size: 16px;
	font-weight: 600;
}

@media (max-width: 1024px) {
	.bct-campana .bct-campana-titulo { font-size: 50px !important; }
	.bct-campana-cuerpo { padding: 40px 36px; max-width: 520px; }
}

@media (max-width: 767px) {
	.bct-campana { display: block; min-height: 0; }
	.bct-campana .bct-campana-img { position: relative; height: 210px !important; object-position: 78% center; }
	.bct-campana::after { display: none; }
	.bct-campana-cuerpo { padding: 26px 24px 30px; max-width: none; }
	.bct-campana .bct-campana-titulo { font-size: 38px !important; }
	.bct-campana .bct-campana-texto { font-size: 16px !important; margin-bottom: 22px !important; }
	.bct-campana-pie { flex-direction: column; align-items: stretch; gap: 12px; }
	.bct-campana .bct-campana-boton { text-align: center; }
}