/* ===== HOME PAGE GRID & LAYOUTS ===== */

.jrms-home-page {
	padding-bottom: var(--jrms-spacing-2xl);
}

/* Home Grid (Main + Sidebar) */
.jrms-home-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--jrms-spacing-xl);
	margin-top: var(--jrms-spacing-xl);
}

@media (min-width: 1024px) {
	.jrms-home-grid {
		grid-template-columns: minmax(0, 3fr) minmax(300px, 1fr);
	}
}

/* Hero Section */
.jrms-hero-section {
	margin-top: var(--jrms-spacing-md);
}

.jrms-hero-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--jrms-spacing-md);
}

@media (min-width: 1024px) {
	.jrms-hero-grid {
		grid-template-columns: 2fr 1fr;
	}
}

.jrms-hero-grid__main {
	display: flex;
	flex-direction: column;
}

.jrms-hero-grid__main .jrms-card {
	flex: 1;
}

.jrms-hero-grid__secondary {
	display: flex;
	flex-direction: column;
	gap: var(--jrms-spacing-md);
}

.jrms-hero-grid__secondary .jrms-card {
	flex: 1;
}

/* Section Headers */
.jrms-section-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 2px solid var(--jrms-border);
	margin-bottom: var(--jrms-spacing-md);
	padding-bottom: var(--jrms-spacing-xs);
}

.jrms-section-title {
	font-size: 20px;
	margin: 0;
	display: flex;
	align-items: center;
	gap: var(--jrms-spacing-sm);
	color: var(--jrms-dark);
}

.jrms-section-indicator {
	width: 12px;
	height: 12px;
	background-color: var(--jrms-green);
	display: inline-block;
	transform: skew(-10deg);
}

.jrms-section-more {
	font-size: 14px;
	font-weight: 600;
	color: var(--jrms-text-muted);
}

.jrms-section-more:hover {
	color: var(--jrms-green-dark);
}

/* Grid Layout for Categories */
.jrms-grid-layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--jrms-spacing-md);
}

@media (min-width: 768px) {
	.jrms-grid-layout {
		grid-template-columns: 1fr 1fr;
	}
}

.jrms-grid-layout__secondary {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--jrms-spacing-md);
}

@media (min-width: 768px) {
	.jrms-grid-layout__secondary {
		grid-template-columns: 1fr 1fr;
	}
}

/* Horizontal Layout */
.jrms-horizontal-layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--jrms-spacing-md);
}

@media (min-width: 768px) {
	.jrms-horizontal-layout {
		grid-template-columns: 1fr 1fr;
	}
}

/* Editorials Grid (Bottom) */
.jrms-editorials-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--jrms-spacing-xl);
	margin-top: var(--jrms-spacing-2xl);
}

@media (min-width: 1024px) {
	.jrms-editorials-grid {
		grid-template-columns: 1fr 1fr;
	}
}

/* Buttons */
.jrms-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 24px;
	font-weight: 600;
	border: none;
	border-radius: var(--jrms-radius-sm);
	cursor: pointer;
	transition: all 0.2s ease;
	width: 100%;
}

.jrms-button--outline {
	background: transparent;
	border: 2px solid var(--jrms-border);
	color: var(--jrms-dark);
}

.jrms-button--outline:hover {
	border-color: var(--jrms-green);
	color: var(--jrms-green-dark);
}

/* Ads */
.jrms-ad-slot {
	width: 100%;
	display: flex;
	justify-content: center;
	margin: var(--jrms-spacing-lg) 0;
}

.jrms-ad-placeholder {
	background-color: var(--jrms-background-secondary);
	border: 1px dashed var(--jrms-border);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: var(--jrms-text-muted);
	font-weight: bold;
	width: 100%;
}

.jrms-ad-slot--970x250 .jrms-ad-placeholder { min-height: 250px; max-width: 970px; }
.jrms-ad-slot--970x90 .jrms-ad-placeholder { min-height: 90px; max-width: 970px; }
.jrms-ad-slot--728x90 .jrms-ad-placeholder { min-height: 90px; max-width: 728px; }
.jrms-ad-slot--300x250 .jrms-ad-placeholder { min-height: 250px; max-width: 300px; }

/* Mosaic Grid */
.jrms-mosaic-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--jrms-spacing-sm);
}

@media (min-width: 768px) {
	.jrms-mosaic-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.jrms-mosaic-grid {
		grid-template-columns: repeat(4, 1fr);
		grid-auto-rows: 1fr; /* Força todas as notícias a terem exatamente a mesma altura */
		gap: var(--jrms-spacing-md);
	}
}