/* =========================================================
   Empresas e Soluções
   ========================================================= */

/* ---------- Topo verde ---------- */
.es-hero { background: var(--sb-green); color: #fff; padding-top: 283px; padding-bottom: 54px; }
.es-hero__title { max-width: 1013px; }
.es-hero__text { max-width: 730px; margin: 27px 0 0 5px; font-size: 16px; line-height: 20px; }

/* ---------- Cartões largos das empresas ---------- */
/* Fundo: verde nos primeiros 171px (continuação do topo) e preto nos últimos 330px (início da faixa final) */
.es-list { padding-bottom: 163px; background: linear-gradient(to bottom, var(--sb-green) 0, var(--sb-green) 171px, #fff 171px, #fff calc(100% - 330px), #000 calc(100% - 330px)); }
.es-list .sb-wrap { display: grid; gap: 20px; }
.es-card { position: relative; min-height: 505px; border-radius: 30px; overflow: hidden; color: #fff; isolation: isolate; background: #2b2b2b; }
.es-card__bg { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
.es-card__bg::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .2); }
.es-card__img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--sb-ease); }
.es-card:hover .es-card__img { transform: scale(1.03); }
/* Enquadramento das fotos das três empresas igual ao Figma (zoom sobre a posição do campo) */
.es-card--sigma .es-card__img { scale: 1.347; transform-origin: 82.4% 50%; }
.es-card--ambium .es-card__img { scale: 1.162; transform-origin: 70.6% 50%; }
.es-card--dataview .es-card__img { scale: 1.178; transform-origin: 8% 50%; }

.es-card__body { margin-left: 48.2%; max-width: 680px; padding: 62px 30px 62px 0; }
.es-card__brand { display: flex; align-items: center; height: 83px; }
.es-card__logo { height: 63px; width: auto; max-width: 100%; }
.es-card--ambium .es-card__logo { height: 58px; }
.es-card--dataview .es-card__logo { height: 70px; margin-left: -6px; }
.es-card__cham { margin-top: 52px; font-size: var(--sb-fs-sm); line-height: 1; letter-spacing: -.03em; font-weight: 500; }
.es-card__desc { margin-top: 10px; max-width: 597px; font-size: 16px; line-height: 20px; color: #fbfbfb; }
.es-card--ambium .es-card__desc, .es-card--dataview .es-card__desc { max-width: 528px; }
.es-card__desc p + p { margin-top: 12px; }
.es-card__tags { margin-top: 25px; display: grid; row-gap: 11px; }
.es-card__row { display: flex; flex-wrap: wrap; column-gap: 26px; row-gap: 11px; }
.es-tag { display: flex; align-items: center; gap: 10px; font-size: 16px; line-height: 20px; font-weight: 500; white-space: nowrap; }
.es-tag__icon { width: 20px; height: 20px; flex: none; display: flex; }
.es-tag__icon svg { width: 20px; height: 20px; }
.es-card__btn { margin-top: 24px; width: 245px; color: #fff; background: var(--sb-green); }

/* ---------- Faixa final (conteúdo mais baixo que nas outras páginas) ---------- */
.sb-cta--empresas .sb-cta__inner { padding-top: 119px; padding-bottom: 50px; }
.sb-cta--empresas .sb-cta__side { padding-top: 0; }

/* ---------- Responsivo ---------- */
@media (max-width: 1200px) {
	.es-card__body { margin-left: 44%; }
}
@media (max-width: 1024px) {
	.es-hero { padding-top: 200px; }
	.es-card__body { margin-left: 38%; }
	.es-tag { white-space: normal; }
}
@media (max-width: 768px) {
	.es-hero { padding-top: 130px; padding-bottom: 40px; }
	.es-hero__title br { display: none; }
	.es-hero__text { margin-left: 0; margin-top: 20px; }
	.sb-cta--empresas .sb-cta__inner { padding-top: 64px; padding-bottom: 64px; }
	.es-list { padding-bottom: 80px; background: linear-gradient(to bottom, var(--sb-green) 0, var(--sb-green) 120px, #fff 120px, #fff calc(100% - 200px), #000 calc(100% - 200px)); }
	.es-list .sb-wrap { gap: 14px; }
	.es-card { min-height: 0; border-radius: 24px; display: flex; flex-direction: column; justify-content: flex-end; }
	.es-card__img, .es-card--sigma .es-card__img, .es-card--ambium .es-card__img, .es-card--dataview .es-card__img { scale: 1; }
	.es-card__bg::after { background: linear-gradient(to bottom, rgba(0, 0, 0, .05) 0%, rgba(0, 0, 0, .35) 35%, rgba(0, 0, 0, .7) 100%); }
	.es-card__body { margin: 0; padding: 220px 22px 28px; max-width: none; }
	.es-card__brand { height: auto; }
	.es-card__logo, .es-card--ambium .es-card__logo, .es-card--dataview .es-card__logo { height: 42px; margin-left: 0; }
	.es-card__cham { margin-top: 26px; font-size: 22px; line-height: 1.1; }
	.es-card__desc { font-size: 15px; }
	.es-card__tags, .es-card__row { row-gap: 8px; }
	.es-card__row { column-gap: 18px; }
	.es-tag { font-size: 15px; }
	.es-card__btn { width: 100%; }
}