/* Originação › 05 Operações (faixa imagem) — track record. */
.page-originacao .orig-ops {
	position: relative;
	background: var(--leto-charcoal) var(--ops-img) center/cover no-repeat;
	padding-block: clamp(2.5rem, 1.5rem + 3vw, 60px);
}
.page-originacao .orig-ops__scrim {
	position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(18,18,18,.55), rgba(18,18,18,.78));
}
.page-originacao .orig-ops > .stage { position: relative; }
.page-originacao .orig-ops__head { display: flex; align-items: center; justify-content: space-between; padding-block: 0 clamp(1.5rem, 1rem + 2vw, 40px); }
.page-originacao .orig-ops__year {
	display: inline-flex;
	align-items: center;
	height: 34px;
	padding: 0 18px;
	border: 1px solid rgba(255,255,255,.45);
	border-radius: 10px;
	font-size: 14.4px;
	font-weight: 500;
	color: #fff;
}

/* Controles do cabeçalho: ano + setas do carrossel. */
.page-originacao .orig-ops__controls { display: flex; align-items: center; gap: 16px; }
.page-originacao .ops-nav { display: flex; gap: 8px; }
.page-originacao .ops-arrow { width: 46px; height: 46px; border-radius: 50%; border: 1px solid rgba(255,255,255,.4); background: transparent; color: #fff; display: grid; place-items: center; font-size: 16.2px; cursor: pointer; transition: background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease), opacity .25s; }
.page-originacao .ops-arrow:hover { background: #fff; color: var(--leto-ink); border-color: #fff; }
.page-originacao .ops-arrow[disabled] { opacity: .3; cursor: default; pointer-events: none; }

/* Operações — carrossel (trilho horizontal com snap). */
.page-originacao .orig-ops .ops-rail { display: grid; grid-auto-flow: column; grid-auto-columns: clamp(262px, 25vw, 322px); gap: 16px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding-bottom: clamp(2.5rem, 1.5rem + 3vw, 72px); scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; cursor: grab; }
.page-originacao .orig-ops .ops-rail::-webkit-scrollbar { display: none; }
.page-originacao .orig-ops .ops-rail.is-drag { cursor: grabbing; scroll-behavior: auto; }
.page-originacao .orig-ops .ops-rail.is-drag .op-card { pointer-events: none; }
.page-originacao .op-card { position: relative; scroll-snap-align: start; display: flex; flex-direction: column; gap: 10px; min-height: 232px; padding: 22px 22px 20px; border-radius: 10px; overflow: hidden; background-color: var(--leto-charcoal); background-image: linear-gradient(180deg, rgba(14,14,12,.64) 0%, rgba(14,14,12,.82) 45%, rgba(14,14,12,.94) 100%), var(--op-bg, none); background-size: cover; background-position: center; border: 1px solid rgba(255,255,255,.1); }
.page-originacao .op-card > * { position: relative; }
.page-originacao .op-card__tag { align-self: flex-start; font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--leto-ink); background: var(--leto-green); padding: 3px 9px; border-radius: 5px; font-weight: 600; }
.page-originacao .op-card__name { font-size: 17px; line-height: 1.12; font-weight: 500; color: #fff; }
.page-originacao .op-card__desc { font-size: 12px; line-height: 1.4; color: #cfcfcf; }
.page-originacao .op-card__foot { margin-top: auto; display: flex; flex-direction: column; gap: 3px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.1); }
.page-originacao .op-card__valor { font-size: 15px; font-weight: 500; color: var(--leto-green-deep); }
.page-originacao .op-card__sign { font-size: 10.5px; color: #9a9a9a; }
/* Placeholder (CPT vazio): card centralizado com nome. :only-child evita atingir
   a tag (.op-card__tag), que também é um <span> filho de .op-card. */
.page-originacao .op-card > span:only-child { font-size: 14.4px; line-height: 1.15; font-weight: 500; color: #e9e9e9; margin: auto; text-align: center; }

@media (max-width: 560px) { .page-originacao .orig-ops .ops-rail { grid-auto-columns: 82%; } }

/* Grupos M&A / DCM (2026-06-24): cada grupo tem header próprio com setas isoladas. */
.page-originacao .orig-ops__group + .orig-ops__group { margin-top: clamp(2rem, 1rem + 3vw, 56px); }
.page-originacao .orig-ops__group-head {
	display: flex; align-items: center; justify-content: space-between; gap: 1.2rem;
	margin-bottom: clamp(1rem, .6rem + 1.5vw, 22px);
}
.page-originacao .orig-ops__group-title {
	font-size: clamp(20px, 16px + .9vw, 28px); font-weight: 600; line-height: 1.1;
	color: #fff; letter-spacing: .01em;
}
.page-originacao .orig-ops__group .ops-nav { display: flex; gap: 12px; }