/* Bikecity – Asesoría por WhatsApp en producto */
.bwa {
	--bwa-green: #25d366;
	--bwa-green-dark: #1ebe5b;
	--bwa-ink: #0a2414;
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 22px;
	clear: both;
	margin: 36px 0 44px;
	padding: 26px 24px;
	background: linear-gradient(100deg, #10301d 0%, #0f2819 55%, #11331f 100%);
	border: 1px solid rgba(37, 211, 102, .22);
	border-radius: 4px;
	box-sizing: border-box;
	font-family: "Poppins", "Helvetica Neue", Arial, sans-serif;
	text-align: left;
}
.bwa *, .bwa *::before, .bwa *::after { box-sizing: border-box; }

.bwa .bwa__icon {
	display: flex; align-items: center; justify-content: center;
	width: 64px; height: 64px; flex-shrink: 0;
	background: #1faa59; color: #fff; border-radius: 12px;
}

.bwa .bwa__copy { min-width: 0; }
.bwa p.bwa__title {
	margin: 0 0 6px !important; padding: 0;
	font: 800 clamp(17px, 1.6vw, 23px)/1.2 "Poppins", "Helvetica Neue", Arial, sans-serif !important;
	letter-spacing: -.005em; text-transform: uppercase; color: #fff !important;
}
.bwa p.bwa__text {
	margin: 0 !important; padding: 0;
	font: 400 15px/1.5 "Poppins", "Helvetica Neue", Arial, sans-serif !important;
	color: #b7cbbd !important;
}

.bwa a.bwa__btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 12px;
	min-height: 52px; padding: 0 26px; border: 0; border-radius: 9px;
	background: var(--bwa-green) !important; color: var(--bwa-ink) !important;
	font: 700 14px/1.2 "Poppins", "Helvetica Neue", Arial, sans-serif !important;
	letter-spacing: .03em; text-transform: uppercase; text-decoration: none !important;
	white-space: nowrap; box-shadow: 0 8px 24px rgba(37, 211, 102, .18);
	transition: background-color .2s ease, transform .2s ease;
}
.bwa a.bwa__btn:hover,
.bwa a.bwa__btn:focus-visible { background: var(--bwa-green-dark) !important; color: var(--bwa-ink) !important; transform: translateY(-1px); }
.bwa a.bwa__btn:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.bwa a.bwa__btn svg { flex-shrink: 0; transition: transform .2s ease; }
.bwa a.bwa__btn:hover svg { transform: translateX(3px); }

/* Tablet: el botón baja a su propio renglón */
@media (max-width: 1100px) {
	.bwa { grid-template-columns: auto minmax(0, 1fr); }
	.bwa a.bwa__btn { grid-column: 1 / -1; width: 100%; }
}

/* Móvil */
@media (max-width: 575px) {
	.bwa { gap: 14px 16px; margin: 28px 0 32px; padding: 20px 16px; }
	.bwa .bwa__icon { width: 48px; height: 48px; border-radius: 10px; }
	.bwa .bwa__icon svg { width: 24px; height: 24px; }
	.bwa p.bwa__title { font-size: 16px !important; }
	.bwa p.bwa__text { font-size: 14px !important; }
	.bwa a.bwa__btn { white-space: normal; text-align: center; padding: 12px 18px; font-size: 13px !important; }
	.bwa .bwa__num { display: block; margin-top: 2px; font-weight: 600; letter-spacing: .02em; }
}

@media (prefers-reduced-motion: reduce) {
	.bwa a.bwa__btn, .bwa a.bwa__btn svg { transition: none; }
	.bwa a.bwa__btn:hover, .bwa a.bwa__btn:hover svg { transform: none; }
}