/* ===========================================================
   Ofertas Públicas › 01 Ofertas abertas (faixa clara)
   Namespaced em .page-ofertas-publicas. Fiel ao frame 1280×2989.
   NÃO recopia .section-paper/.ipage-hero/.block-2col (globais).
   =========================================================== */

.page-ofertas-publicas .of-sec { padding-block: clamp(2.5rem, 1.5rem + 3vw, 72px); }

/* ---- Cabeçalho de seção (idx + título + lede) ---- */
.page-ofertas-publicas .of-head {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5rem 3rem;
	align-items: start;
}
.page-ofertas-publicas .of-head__title { display: flex; align-items: baseline; gap: clamp(1rem, 5vw, 86px); }
.page-ofertas-publicas .of-idx { font-size: 16.2px; font-weight: 500; line-height: 1; }
.page-ofertas-publicas .of-head__title h2 {
	font-size: clamp(1.53rem, 1.08rem + 1.35vw, 32.4px);
	font-weight: 500;
	line-height: 1;
	margin: 0;
}
.page-ofertas-publicas .of-head__lede {
	font-size: 16.2px;
	line-height: 1.15;
	max-width: 413px;
	margin: 0;
}

/* ---- Lista de ofertas ---- */
.page-ofertas-publicas .of-list { margin-top: clamp(1.75rem, 1rem + 3vw, 56px); }
.page-ofertas-publicas .of-offer + .of-offer { margin-top: 32px; }

/* Barra-título da oferta (1186×66 r=10) */
.page-ofertas-publicas .of-offer__bar {
	display: flex;
	align-items: center;
	min-height: 66px;
	padding: 0 32px;
	border: 1px solid rgba(45, 45, 45, .22);
	border-radius: 10px;
}
.page-ofertas-publicas .of-offer__name {
	font-size: 14.4px;
	line-height: 1.18;
	font-weight: 500;
	color: var(--leto-ink);
}

/* Chips de documentos (288×96 #c2d49a r=12) — 4 por linha */
.page-ofertas-publicas .of-offer__docs {
	margin-top: 12px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
}
.page-ofertas-publicas .of-doc {
	display: flex;
	align-items: flex-start;
	min-height: 96px;
	padding: 28px;
	border-radius: 12px;
	background: #c2d49a;
	color: var(--leto-ink);
	font-size: 16.2px;
	line-height: 1.1;
	font-weight: 500;
	transition: background .3s var(--ease, ease);
}
.page-ofertas-publicas .of-doc:hover { background: var(--leto-green-deep, #bbd27a); }

/* ---- Responsivo ---- */
@media (max-width: 900px) {
	.page-ofertas-publicas .of-head { grid-template-columns: 1fr; gap: 1rem; }
	.page-ofertas-publicas .of-offer__docs { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px) {
	/* Mantém 2 chips por linha e reduz altura (eram cards full-width altos demais). */
	.page-ofertas-publicas .of-offer__docs { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.page-ofertas-publicas .of-doc { min-height: 64px; padding: 16px; font-size: 14px; }
}