/**
 * Design system global — B&W Renegades.
 */

/* Espaciado mínimo entre bloques Renegades consecutivos (evita títulos pegados) */
[class*="wp-block-renegades-jiu-jitsu-"] + [class*="wp-block-renegades-jiu-jitsu-"] {
	padding-block-start: var(--rjj-section-gap-stacked, clamp(28px, 3vw, 35px));
}

.rjj-container {
	width: 100%;
	max-width: min(100%, var(--rjj-container-max));
	margin-inline: auto;
	padding-inline: var(--rjj-container-padding);
	box-sizing: border-box;
}

.rjj-container--narrow {
	max-width: 760px;
	margin-inline: auto;
}

.rjj-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: var(--rjj-font-subtitle);
	font-size: var(--rjj-font-size-eyebrow);
	font-weight: 700;
	letter-spacing: var(--rjj-letter-spacing-eyebrow);
	text-transform: uppercase;
	color: var(--rjj-color-accent);
}

.rjj-eyebrow::before {
	content: "";
	width: 28px;
	height: 2px;
	background: var(--rjj-color-white);
	flex: 0 0 auto;
}

.rjj-heading {
	font-family: var(--rjj-font-heading);
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: var(--rjj-letter-spacing-heading);
	line-height: var(--rjj-line-height-heading);
	color: var(--rjj-color-white);
	margin: 0;
}

.rjj-heading--on-dark {
	color: var(--rjj-color-white);
}

.rjj-subtitle {
	font-family: var(--rjj-font-subtitle);
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--rjj-color-gray-300);
	margin: 0;
}

.rjj-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 15px 28px;
	font-family: var(--rjj-font-subtitle);
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	border: 1px solid var(--rjj-color-white);
	background: var(--rjj-color-white);
	color: var(--rjj-color-black);
	text-decoration: none;
	cursor: pointer;
	line-height: 1;
	transition: background-color var(--rjj-transition), color var(--rjj-transition), transform var(--rjj-transition), box-shadow var(--rjj-transition);
}

a.rjj-btn,
button.rjj-btn,
[class*="wp-block-renegades-jiu-jitsu-"] a.rjj-btn:not(.rjj-btn--ghost) {
	color: var(--rjj-color-black);
	background-color: var(--rjj-color-white);
}

.rjj-btn:hover,
.rjj-btn:focus-visible {
	background: transparent;
	color: var(--rjj-color-white);
	transform: translateY(-3px);
	box-shadow: 0 12px 28px rgb(0 0 0 / 35%);
}

.rjj-btn--ghost {
	background: transparent;
	color: var(--rjj-color-white);
}

.rjj-btn--ghost:hover,
.rjj-btn--ghost:focus-visible {
	background: var(--rjj-color-white);
	color: var(--rjj-color-black);
}

.rjj-media {
	position: relative;
	overflow: hidden;
}

.rjj-media img,
.rjj-media video {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	filter: var(--rjj-image-filter);
}

.rjj-media::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: var(--rjj-gradient-overlay-bottom);
}

.rjj-media--no-overlay::after {
	content: none;
}