/**
 * Home — hero, categorías, bestsellers, franja de beneficios y banner de oferta.
 * Solo se encola en la portada (ver inc/enqueue.php).
 */

/* ---------- Hero ---------- */

.gamur-hero {
	display: grid;
	grid-template-columns: 1.05fr 1fr;
	gap: 40px;
	align-items: center;
	padding-block: 40px 12px;
}

.gamur-hero__title {
	font-size: var(--gamur-text-hero);
	line-height: 1.02;
	font-weight: 700;
	margin: 18px 0 0;
	letter-spacing: -.02em;
}

.gamur-hero__title em {
	color: var(--gamur-primary);
	font-style: italic;
}

.gamur-hero__lead {
	font-size: 1.125rem;
	line-height: 1.6;
	color: var(--gamur-ink-soft);
	max-width: 440px;
	margin: 20px 0 28px;
}

.gamur-hero__actions {
	display: flex;
	gap: 14px;
	align-items: center;
	flex-wrap: wrap;
}

.gamur-hero__stats {
	display: flex;
	gap: 26px;
	margin-top: 34px;
	flex-wrap: wrap;
}

.gamur-stat__value {
	font-family: var(--gamur-font-display);
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1.2;
}

.gamur-stat__label {
	font-size: var(--gamur-text-xs);
	color: var(--gamur-ink-muted);
}

.gamur-hero__media {
	position: relative;
	height: 460px;
	border-radius: var(--gamur-radius-hero);
	overflow: hidden;
	box-shadow: var(--gamur-shadow-hero);
	background: var(--gamur-blush);
}

.gamur-hero__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.gamur-hero__float {
	position: absolute;
	bottom: 18px;
	left: 18px;
	display: flex;
	align-items: center;
	gap: 12px;
	background: rgba(255, 248, 241, .95);
	border-radius: 16px;
	padding: 12px 16px;
	pointer-events: none;
}

.gamur-hero__float strong {
	display: block;
	font-size: var(--gamur-text-sm);
	font-weight: 700;
}

.gamur-hero__float span {
	font-size: var(--gamur-text-2xs);
	color: var(--gamur-ink-muted);
}

/* ---------- Categorías ---------- */

.gamur-categories {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--gamur-gap-sm);
	padding-block: 34px 8px;
}

.gamur-category {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 8px;
	min-height: 130px;
	padding: 22px;
	border-radius: var(--gamur-radius-panel);
	color: var(--gamur-ink);
	transition: transform var(--gamur-duration) var(--gamur-ease),
	            box-shadow var(--gamur-duration) var(--gamur-ease);
}

.gamur-category:hover {
	transform: translateY(-3px);
	box-shadow: var(--gamur-shadow-card);
	color: var(--gamur-ink);
}

.gamur-category__icon { font-size: 32px; line-height: 1; }

.gamur-category__name {
	font-family: var(--gamur-font-display);
	font-size: 1.25rem;
	font-weight: 700;
}

.gamur-category__count {
	font-size: var(--gamur-text-xs);
	color: var(--gamur-ink-soft);
}

/* ---------- Encabezado de sección ---------- */

.gamur-section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 24px;
}

.gamur-section-head__eyebrow {
	color: var(--gamur-primary);
	font-weight: 600;
	font-size: var(--gamur-text-sm);
}

.gamur-section-head h2 {
	font-size: var(--gamur-text-section);
	font-weight: 700;
	margin: 6px 0 0;
}

/* ---------- Franja de beneficios ---------- */

.gamur-perks {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	background: var(--gamur-gradient-perks);
	border-radius: var(--gamur-radius-panel-lg);
	padding: 34px;
}

.gamur-perk {
	display: flex;
	gap: 14px;
	align-items: flex-start;
}

.gamur-perk__icon { font-size: 30px; line-height: 1; }

.gamur-perk__title {
	font-family: var(--gamur-font-display);
	font-size: 1.1875rem;
	font-weight: 700;
}

.gamur-perk__desc {
	font-size: var(--gamur-text-sm);
	color: var(--gamur-ink-soft);
	line-height: 1.5;
}

/* ---------- Banner de oferta ---------- */

.gamur-offer {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: 30px;
	align-items: center;
	background: var(--gamur-ink);
	border-radius: var(--gamur-radius-panel-lg);
	padding: 44px;
	overflow: hidden;
}

.gamur-offer__title {
	font-size: clamp(1.75rem, 1.2rem + 2.2vw, 2.375rem);
	color: var(--gamur-on-dark);
	font-weight: 700;
	margin: 16px 0 10px;
	line-height: 1.05;
}

.gamur-offer__lead {
	color: var(--gamur-on-dark-soft);
	font-size: var(--gamur-text-body);
	margin: 0 0 22px;
}

.gamur-offer__media {
	height: 220px;
	border-radius: var(--gamur-radius-panel);
	overflow: hidden;
	background: var(--gamur-dark-elev);
}

.gamur-offer__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ---------- Responsive ---------- */

@media (max-width: 1024px) {
	.gamur-hero { gap: 28px; }
	.gamur-hero__media { height: 380px; }
	.gamur-categories { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 782px) {
	.gamur-hero {
		grid-template-columns: 1fr;
		padding-block: 24px 4px;
	}

	.gamur-hero__media {
		height: 300px;
		order: -1;
	}

	.gamur-perks { grid-template-columns: 1fr; padding: 26px; }

	.gamur-offer {
		grid-template-columns: 1fr;
		padding: 28px;
	}

	.gamur-offer__media { order: -1; height: 180px; }

	.gamur-section-head {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
}

@media (max-width: 480px) {
	.gamur-categories { grid-template-columns: 1fr; }
	.gamur-hero__actions .gamur-btn { flex: 1; }
}