/* bp_home_cta_doble — dos cards con imagen de fondo + texto + botón */

.bp-cta-doble {
	background: var(--bp-white);
	padding: 56px 0;
}

.bp-cta-doble__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}

.bp-cta-doble__card {
	position: relative;
	min-height: 280px;
	aspect-ratio: 16 / 9;
	border-radius: var(--bp-radius-lg);
	background-color: var(--bp-green);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	display: flex;
	align-items: center;
	color: var(--bp-white);
	transition: transform var(--bp-trans);
}

.bp-cta-doble__card:hover {
	transform: translateY(-4px);
}

.bp-cta-doble__body {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 36px 40px;
	max-width: 60%;
}

.bp-cta-doble__card--left .bp-cta-doble__body {
	margin-left: auto;
	text-align: right;
	align-items: flex-end;
}

.bp-cta-doble__card--left .bp-cta-doble__body .bp-btn {
	align-self: flex-end;
}

.bp-cta-doble__title {
	font-size: clamp(20px, 1.9vw, 26px);
	font-weight: 700;
	color: var(--bp-white);
	margin: 0;
	line-height: 1.2;
}

.bp-cta-doble__subtitle {
	color: rgba(255, 255, 255, 0.92);
	font-size: 14px;
	margin: 0;
}

.bp-cta-doble__body .bp-btn {
	align-self: flex-start;
	margin-top: 8px;
}

@media (max-width: 800px) {
	.bp-cta-doble__grid { grid-template-columns: 1fr; }
	.bp-cta-doble__card {
		aspect-ratio: auto;
		min-height: 220px;
	}
	.bp-cta-doble__body { max-width: 80%; }
}

@media (max-width: 500px) {
	.bp-cta-doble { padding: 40px 0; }
	.bp-cta-doble__body {
		padding: 26px 24px;
		max-width: 100%;
	}
}