/* Layout-3 — página Empresa (Motion Kosong) */

.tenant-public.layout-3 .layout3-company {
  --company-max-width: min(96em, calc(100% - var(--padding) * 2));
  color: hsl(var(--fg-1));
  overflow-x: clip;
}

.tenant-public.layout-3 .layout3-company > .layout3-breadcrumb .layout3-breadcrumb__trail,
.tenant-public.layout-3 .layout3-company > .layout3-breadcrumb .layout3-breadcrumb__item a,
.tenant-public.layout-3 .layout3-company > .layout3-breadcrumb .layout3-breadcrumb__item span[aria-current='page'],
.tenant-public.layout-3 .layout3-company > .layout3-breadcrumb .layout3-breadcrumb__back {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}

.tenant-public.layout-3 .layout3-company > .layout3-breadcrumb .layout3-breadcrumb__item a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-color: hsl(0 0% 100% / 0.88);
}

.tenant-public.layout-3 .layout3-company > .layout3-breadcrumb .layout3-breadcrumb__item + .layout3-breadcrumb__item::before {
  color: hsl(0 0% 100% / 0.72);
}

/* Hero — sem overlap com explanation (página interna, não scroll-intro) */
.tenant-public.layout-3 .layout3-company-hero {
  position: relative;
  min-height: calc(78 * var(--lvh));
  display: flex;
  align-items: flex-end;
  margin-bottom: 0;
  z-index: 1;
  padding-bottom: calc(var(--radius-lg) * 0.75);
}

.tenant-public.layout-3 .layout3-company-hero__media {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.tenant-public.layout-3 .layout3-company-hero__media img,
.tenant-public.layout-3 .layout3-company-hero__media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.tenant-public.layout-3 .layout3-company-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    hsl(0 0% 0% / 0.72) 0%,
    hsl(0 0% 0% / 0.35) 45%,
    hsl(0 0% 0% / 0.15) 100%
  );
  pointer-events: none;
}

.tenant-public.layout-3 .layout3-company-hero__content {
  position: relative;
  z-index: 2;
  width: var(--company-max-width);
  margin-inline: auto;
  padding: calc(var(--layout3-notch-offset, 5.75em) + var(--padding-lg)) var(--padding) calc(var(--padding-lg) * 3);
  box-sizing: border-box;
}

.tenant-public.layout-3 .layout3-company-hero__content .h1 {
  max-width: 14em;
  line-height: 1.05;
  color: hsl(0 0% 100%);
}

.tenant-public.layout-3 .layout3-company-hero__eyebrow {
  color: hsl(0 0% 100% / 0.82);
  margin-bottom: 1em;
}

.tenant-public.layout-3 .layout3-company-hero__lead {
  margin-top: 1.25em;
  max-width: 40em;
  line-height: 1.7;
  color: hsl(0 0% 100% / 0.88);
  text-transform: none;
  letter-spacing: normal;
  font-size: 1rem;
}

.tenant-public.layout-3 .layout3-company-hero__lead[data-intersection]:not([data-intersection-visible]) {
  opacity: 0;
  translate: 0 1em;
  transition: opacity 0s, translate 0s;
}

.tenant-public.layout-3 .layout3-company-hero__lead[data-intersection] {
  transition:
    opacity 0.7s var(--ease-out),
    translate 0.8s var(--ease-out);
}

/* Explanation — painel editorial premium */
.tenant-public.layout-3 .layout3-company-explanation {
  --company-explanation-radius: var(--radius-lg);
  position: relative;
  z-index: 3;
  margin-top: calc(-1 * var(--company-explanation-radius));
  padding: 0 var(--padding);
  box-sizing: border-box;
}

.tenant-public.layout-3 .layout3-company-explanation__inner {
  max-width: min(96em, calc(100% - var(--padding) * 2));
  margin-inline: auto;
  padding: calc(var(--padding-lg) * 1.65) calc(var(--padding-lg) * 1.35);
  border-radius: var(--company-explanation-radius) var(--company-explanation-radius) 0 0;
  background-color: hsl(var(--accent-1));
  background-image: var(--layout3-accent-texture);
  color: hsl(var(--fg-1));
  box-shadow:
    0 -1.25em 2.5em hsl(0 0% 0% / 0.14),
    inset 0 1px 0 hsl(0 0% 100% / 0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: calc(var(--gap) * 1.1);
}

.tenant-public.layout-3 .layout3-company-explanation__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.1em;
  width: 100%;
}

.tenant-public.layout-3 .layout3-company-explanation__eyebrow {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  font-size: 0.72rem;
  font-weight: 500;
  opacity: 0.78;
}

.tenant-public.layout-3 .layout3-company-explanation__rule {
  width: min(5.5em, 28%);
  height: 1px;
  background: linear-gradient(
    to right,
    hsl(0 0% 100% / 0),
    hsl(var(--fg-1) / 0.45) 20%,
    hsl(var(--fg-1) / 0.45) 80%,
    hsl(0 0% 100% / 0)
  );
}

.tenant-public.layout-3 .layout3-company-explanation__body {
  width: 100%;
  max-width: 38em;
}

.tenant-public.layout-3 .layout3-company-explanation__text {
  margin: 0;
  font-size: clamp(1.02rem, 1.15vw, 1.2rem);
  line-height: 1.8;
  letter-spacing: 0.01em;
  text-transform: none;
  color: hsl(var(--fg-1) / 0.94);
  text-wrap: pretty;
}

.tenant-public.layout-3 .layout3-company-explanation__body[data-intersection]:not([data-intersection-visible]) {
  opacity: 0;
  translate: 0 1.25em;
  filter: blur(6px);
  transition: opacity 0s, translate 0s, filter 0s;
}

.tenant-public.layout-3 .layout3-company-explanation__body[data-intersection] {
  transition:
    opacity 0.8s var(--ease-out),
    translate 0.9s var(--ease-out),
    filter 0.8s var(--ease-out);
}

@media (width < 768px) {
  .tenant-public.layout-3 .layout3-company-explanation {
    margin-top: calc(-1 * var(--radius-md));
    --company-explanation-radius: var(--radius-md);
  }

  .tenant-public.layout-3 .layout3-company-explanation__inner {
    padding: calc(var(--padding-lg) * 1.35) var(--padding);
  }

  .tenant-public.layout-3 .layout3-company-explanation__eyebrow {
    letter-spacing: 0.18em;
  }
}

/* Flow — blocos com motion (padrão property) */
.tenant-public.layout-3 .layout3-company-flow {
  position: relative;
  z-index: 2;
  max-width: var(--company-max-width);
  margin-inline: auto;
  width: 100%;
  box-sizing: border-box;
  padding: var(--padding-lg) var(--padding) calc(var(--padding-lg) + var(--radius-lg));
  display: flex;
  flex-direction: column;
  gap: calc(var(--gap) * 1.35);
}

.tenant-public.layout-3 .layout3-company .property-block {
  border-radius: var(--radius);
  background: hsl(var(--bg-1));
  box-shadow: inset 0 0 0 1px hsl(var(--fg-1) / 0.08);
  overflow: hidden;
}

.tenant-public.layout-3 .layout3-company .property-block[data-intersection]:not([data-intersection-visible]) {
  filter: blur(10px);
  opacity: 0;
  translate: 0 2em;
  transition: opacity 0s, filter 0s, translate 0s;
}

.tenant-public.layout-3 .layout3-company .property-block[data-intersection] {
  transition:
    opacity 0.7s var(--ease-out),
    filter 0.9s var(--ease-out),
    translate 0.9s var(--ease-out);
}

.tenant-public.layout-3 .layout3-company .property-quick {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: hsl(var(--fg-1) / 0.08);
}

@media (width < 640px) {
  .tenant-public.layout-3 .layout3-company .property-quick {
    grid-template-columns: repeat(2, 1fr);
  }
}

.tenant-public.layout-3 .layout3-company .property-quick > .item {
  padding: var(--padding);
  background: hsl(var(--bg-1));
  display: flex;
  flex-direction: column;
  gap: 0.35em;
  text-align: center;
}

.tenant-public.layout-3 .layout3-company .property-quick > .item > .label {
  text-transform: uppercase;
  font-size: 0.75em;
  opacity: 0.55;
}

.tenant-public.layout-3 .layout3-company .property-quick > .item > .value {
  font-size: 1.35em;
}

.tenant-public.layout-3 .layout3-company .property-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--gap);
  align-items: start;
}

@media (width < 900px) {
  .tenant-public.layout-3 .layout3-company .property-split {
    grid-template-columns: 1fr;
  }
}

.tenant-public.layout-3 .layout3-company .property-split > .copy {
  padding: var(--padding);
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  background: hsl(var(--bg-1));
  border-radius: var(--radius);
  box-shadow: inset 0 0 0 1px hsl(var(--fg-1) / 0.08);
}

.tenant-public.layout-3 .layout3-company .property-split > .figure {
  min-height: 20em;
  border-radius: var(--radius);
  overflow: hidden;
  background: hsl(var(--bg-1));
  box-shadow: inset 0 0 0 1px hsl(var(--fg-1) / 0.08);
}

@media (width >= 900px) {
  .tenant-public.layout-3 .layout3-company .property-split > .figure {
    position: sticky;
    top: calc(var(--layout3-notch-offset, 5.75em) + var(--padding));
    align-self: start;
    max-height: calc(100dvh - var(--layout3-notch-offset, 5.75em) - var(--padding) * 2);
  }
}

.tenant-public.layout-3 .layout3-company .property-split > .figure[data-intersection]:not([data-intersection-visible]) img {
  scale: 1.08;
  filter: blur(8px);
}

.tenant-public.layout-3 .layout3-company .property-split > .figure img {
  width: 100%;
  height: 100%;
  min-height: 20em;
  object-fit: cover;
  display: block;
  transition: scale 1.2s var(--ease-out), filter 1s var(--ease-out);
}

.tenant-public.layout-3 .layout3-company .property-spread {
  position: relative;
  min-height: calc(42 * var(--lvh));
  border-radius: var(--radius);
  overflow: hidden;
}

.tenant-public.layout-3 .layout3-company .property-spread[data-intersection]:not([data-intersection-visible]) img {
  scale: 1.12;
  filter: blur(14px);
  opacity: 0.6;
}

.tenant-public.layout-3 .layout3-company .property-spread img {
  width: 100%;
  height: 100%;
  min-height: calc(42 * var(--lvh));
  object-fit: cover;
  transition: scale 1.4s var(--ease-out), filter 1s var(--ease-out), opacity 0.8s var(--ease-out);
}

.tenant-public.layout-3 .layout3-company .property-spread > .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: var(--padding);
  background: linear-gradient(to top, hsl(0 0% 0% / 0.55), transparent);
  color: hsl(0 0% 100%);
  text-transform: uppercase;
}

.tenant-public.layout-3 .layout3-company .property-heading {
  display: flex;
  flex-direction: column;
  gap: 0.75em;
}

.tenant-public.layout-3 .layout3-company .property-heading > .pre {
  width: max-content;
}

.tenant-public.layout-3 .layout3-company .property-heading > .title {
  max-width: 18em;
  line-height: 1.05;
}

.tenant-public.layout-3 .layout3-company .description-text {
  display: flex;
  flex-direction: column;
  gap: 1.15em;
  line-height: 1.75;
  max-width: 65ch;
}

.tenant-public.layout-3 .layout3-company .description-text p {
  margin: 0;
  text-transform: none;
  letter-spacing: normal;
  font-size: 1rem;
  color: hsl(var(--fg-1) / 0.92);
}

.tenant-public.layout-3 .layout3-company .property-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1.25em;
  padding: calc(var(--padding) * 2.5);
  border-radius: var(--radius);
  background: hsl(var(--fg-1));
  color: hsl(var(--bg-1));
}

.tenant-public.layout-3 .layout3-company .property-cta > .title {
  font-size: clamp(1.5em, 3vw, 2.25em);
  max-width: 16em;
}

.tenant-public.layout-3 .layout3-company .property-cta > .text {
  max-width: 32em;
  opacity: 0.8;
  line-height: 1.5;
}

.tenant-public.layout-3 .layout3-company .property-cta > .cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85em;
  justify-content: center;
  width: 100%;
  max-width: 36em;
}

.tenant-public.layout-3 .layout3-company .property-cta .button {
  min-width: min(14em, 100%);
  justify-content: center;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 0.9em 1.5em;
  background: hsl(0 0% 100%);
  color: hsl(345 6% 10%);
  border: 1px solid hsl(345 6% 13% / 0.2);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: 0 4px 20px hsl(345 6% 13% / 0.22);
  transition:
    background 0.25s var(--ease-out),
    color 0.25s var(--ease-out),
    border-color 0.25s var(--ease-out),
    box-shadow 0.25s var(--ease-out);
}

.tenant-public.layout-3 .layout3-company .property-cta .button:hover {
  background: hsl(345 6% 10%);
  color: hsl(0 0% 100%);
  border-color: hsl(345 6% 10%);
  filter: none;
  box-shadow: 0 6px 24px hsl(345 6% 13% / 0.35);
}

.tenant-public.layout-3 .layout3-company .property-cta .button:active {
  filter: none;
  background: hsl(345 6% 6%);
  color: hsl(0 0% 100%);
}

.tenant-public.layout-3 .layout3-company .layout3-company-services__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75em;
  margin-top: 0.25em;
}

.tenant-public.layout-3 .layout3-company .layout3-company-services__actions .button {
  min-width: min(12em, 100%);
  justify-content: center;
  text-transform: uppercase;
}

/* Pilares — ícones FA */
.tenant-public.layout-3 .layout3-company-pillars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap);
  padding: var(--padding);
}

@media (width < 900px) {
  .tenant-public.layout-3 .layout3-company-pillars {
    grid-template-columns: 1fr;
  }
}

.tenant-public.layout-3 .layout3-company-pillar {
  display: flex;
  flex-direction: column;
  gap: 0.85em;
  padding: var(--padding);
  border-radius: var(--radius-sm);
  background: hsl(var(--accent-1) / 0.35);
  box-shadow: inset 0 0 0 1px hsl(var(--fg-1) / 0.08);
  transition:
    opacity 0.6s calc(var(--i) * 0.08s) var(--ease-out),
    translate 0.6s calc(var(--i) * 0.08s) var(--ease-out);
}

.tenant-public.layout-3 .layout3-company-pillars:not([data-intersection-visible]) .layout3-company-pillar {
  opacity: 0;
  translate: 0 1.5em;
}

.tenant-public.layout-3 .layout3-company-pillar__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5em;
  height: 2.5em;
  border-radius: 9999px;
  background: hsl(var(--fg-1));
  color: hsl(var(--bg-1));
  font-size: 1.1em;
}

.tenant-public.layout-3 .layout3-company-pillar__title {
  text-transform: uppercase;
  font-size: 0.95em;
  letter-spacing: 0.04em;
  margin: 0;
}

.tenant-public.layout-3 .layout3-company-pillar__text {
  margin: 0;
  line-height: 1.65;
  text-transform: none;
  letter-spacing: normal;
  font-size: 0.95rem;
  color: hsl(var(--fg-1) / 0.88);
}

/* Equipa */
.tenant-public.layout-3 section.home.facilities.layout3-company-team {
  position: relative;
  z-index: 12;
  isolation: isolate;
  margin-top: 0;
  margin-bottom: 0;
  padding: var(--card-padding, var(--padding-lg));
  padding-top: calc(var(--card-padding, var(--padding-lg)) * 1.25);
  background: hsl(var(--accent-1));
  background-image: var(--layout3-accent-texture);
  color: hsl(var(--fg-1));
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  align-items: center;
}

.tenant-public.layout-3 section.home.facilities.layout3-company-team > .heading {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  padding: 0;
  width: 100%;
  max-width: min(96em, calc(100% - var(--padding) * 2));
}

.tenant-public.layout-3 .layout3-company-team__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap);
  width: 100%;
  padding: 0 var(--card-padding) var(--card-padding);
  box-sizing: border-box;
}

@media (width < 1024px) {
  .tenant-public.layout-3 .layout3-company-team__grid {
    grid-template-columns: 1fr;
  }
}

.tenant-public.layout-3 .layout3-company-team__grid:not([data-intersection-visible]) .layout3-company-team__card {
  opacity: 0;
  translate: 0 2em;
  filter: blur(10px);
  transition: opacity 0s, translate 0s, filter 0s;
}

.tenant-public.layout-3 .layout3-company-team__card {
  position: relative;
  border-radius: var(--radius);
  overflow: hidden;
  min-height: 22em;
  background: hsl(var(--bg-1));
  box-shadow: inset 0 0 0 1px hsl(var(--fg-1) / 0.1);
  transition:
    opacity 0.7s calc(var(--i) * 0.1s) var(--ease-out),
    translate 0.8s calc(var(--i) * 0.1s) var(--ease-out),
    filter 0.8s calc(var(--i) * 0.1s) var(--ease-out);
}

.tenant-public.layout-3 .layout3-company-team__card img {
  width: 100%;
  height: 14em;
  object-fit: cover;
  display: block;
}

.tenant-public.layout-3 .layout3-company-team__card-body {
  padding: var(--padding);
  display: flex;
  flex-direction: column;
  gap: 0.35em;
}

.tenant-public.layout-3 .layout3-company-team__name {
  margin: 0;
  text-transform: uppercase;
  font-size: 0.95em;
  letter-spacing: 0.04em;
}

.tenant-public.layout-3 .layout3-company-team__role {
  margin: 0;
  text-transform: none;
  letter-spacing: normal;
  font-size: 0.9rem;
  opacity: 0.72;
}

/* Burst scroll (reutiliza secção home) */
.tenant-public.layout-3 section.home.burst.layout3-company-burst {
  z-index: 4;
}

.tenant-public.layout-3 section.home.burst {
  position: relative;
  height: calc(200 * var(--lvh));
  margin-bottom: calc(-100 * var(--lvh));
  --burst-pace: 1;
}

@media (width < 1024px) {
  .tenant-public.layout-3 section.home.burst {
    height: calc(155 * var(--lvh));
    margin-bottom: calc(-78 * var(--lvh));
    --burst-pace: 1.45;
  }
}

.tenant-public.layout-3 section.home.burst > .zoom {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100 * var(--lvh));
  pointer-events: none;
  --progress-in: calc(clamp(0, var(--follow-scroll-relative-progress-y) * 2 * var(--burst-pace), 1));
  --progress-out: calc(clamp(0, (var(--follow-scroll-relative-progress-y) * var(--burst-pace) - 0.5) * 4, 1));
  --progress: var(--progress-in);
  --unit: max(var(--lvh), var(--lvw));
  --mask-size: calc(var(--progress) * (100 * var(--unit) + var(--falloff)));
  --falloff: ((1 - var(--progress)) - (1 - calc(clamp(0, var(--progress) * 1.5, 1)))) * calc(100 * var(--unit));
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  --mask-image: radial-gradient(
    circle at center,
    hsl(0 0% 100% / 1) 0%,
    hsl(0 0% 100% / calc(1 - 0)) calc(var(--mask-size) - (var(--falloff) * (1 - 0))),
    hsl(0 0% 100% / calc(1 - 0.09)) calc(var(--mask-size) - (var(--falloff) * (1 - 0.22))),
    hsl(0 0% 100% / calc(1 - 0.16)) calc(var(--mask-size) - (var(--falloff) * (1 - 0.32))),
    hsl(0 0% 100% / calc(1 - 0.23)) calc(var(--mask-size) - (var(--falloff) * (1 - 0.37))),
    hsl(0 0% 100% / calc(1 - 0.31)) calc(var(--mask-size) - (var(--falloff) * (1 - 0.42))),
    hsl(0 0% 100% / calc(1 - 0.39)) calc(var(--mask-size) - (var(--falloff) * (1 - 0.46))),
    hsl(0 0% 100% / calc(1 - 0.47)) calc(var(--mask-size) - (var(--falloff) * (1 - 0.51))),
    hsl(0 0% 100% / calc(1 - 0.55)) calc(var(--mask-size) - (var(--falloff) * (1 - 0.55))),
    hsl(0 0% 100% / calc(1 - 0.64)) calc(var(--mask-size) - (var(--falloff) * (1 - 0.59))),
    hsl(0 0% 100% / calc(1 - 0.72)) calc(var(--mask-size) - (var(--falloff) * (1 - 0.64))),
    hsl(0 0% 100% / calc(1 - 0.81)) calc(var(--mask-size) - (var(--falloff) * (1 - 0.70))),
    hsl(0 0% 100% / calc(1 - 0.91)) calc(var(--mask-size) - (var(--falloff) * (1 - 0.78))),
    hsl(0 0% 100% / 0) var(--mask-size)
  );
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
}

.tenant-public.layout-3 section.home.burst > .zoom figure {
  height: 100%;
}

@media (width >= 768px) {
  .tenant-public.layout-3 section.home.burst > .zoom figure {
    transform: scale(calc((1 - clamp(0, var(--progress) * 2, 1)) * 0.5 + 1));
    transition: transform 0.5s var(--ease-out);
  }
}

.tenant-public.layout-3 section.home.burst > .zoom img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tenant-public.layout-3 section.home.burst > .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100 * var(--lvh));
}

.tenant-public.layout-3 section.home.burst > .content::before {
  content: '';
  position: fixed;
  pointer-events: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 66.67%;
  background: linear-gradient(to bottom, hsl(0 0% 0% / 0), hsl(0 0% 0% / 0.5));
  opacity: calc(clamp(0, var(--follow-scroll-relative-progress-y) * 4 * var(--burst-pace), 1));
}

.tenant-public.layout-3 section.home.burst > .content > .info {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100 * var(--lvh));
  scale: calc(clamp(0, var(--follow-scroll-relative-progress-y) * 4 * var(--burst-pace), 1));
  --progress: clamp(0, var(--follow-scroll-relative-progress-y) * 2 * var(--burst-pace), 1);
  opacity: calc(clamp(0, var(--progress) * 4 - 0.25, 1));
  filter: blur(calc((1 - clamp(0, var(--progress) * 2.5, 1)) * var(--burst-blur, 64px)));
}

@media (width < 1024px) {
  .tenant-public.layout-3 section.home.burst > .content > .info {
    --burst-blur: 28px;
  }
}

.tenant-public.layout-3 section.home.burst > .content > .info > .pre {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1.5em;
  color: hsl(var(--color, 0 0% 100%));
  max-width: min(22em, 30vw);
}

.tenant-public.layout-3 section.home.burst > .content > .info > .title {
  position: absolute;
  bottom: var(--padding);
  left: 50%;
  transform: translate(-50%, 0);
  max-width: calc(min(7.5em, 100% - var(--card-padding) * 2));
  color: hsl(0 0% 100%);
}

/* Empresa burst — título mais à esquerda; "confiança" não colide com description */
.tenant-public.layout-3 section.home.burst.layout3-company-burst > .content > .info > .title {
  left: 34%;
  transform: translate(-50%, 0);
  max-width: min(8em, calc(100% - 24em));
}

.tenant-public.layout-3 section.home.burst.layout3-company-burst > .content > .info > .title.spaced-text > .row.center {
  justify-content: flex-start;
}

.tenant-public.layout-3 section.home.burst.layout3-company-burst > .content > .info > .title.spaced-text > .row {
  justify-content: flex-start;
}

@media (width < 1440px) {
  .tenant-public.layout-3 section.home.burst > .content > .info > .title {
    bottom: unset;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .tenant-public.layout-3 section.home.burst.layout3-company-burst > .content > .info > .title {
    left: 30%;
    transform: translate(-50%, -50%);
  }
}

@media (width < 768px) {
  .tenant-public.layout-3 section.home.burst.layout3-company-burst > .content > .info > .title {
    left: 26%;
    max-width: min(7.5em, calc(100% - 2em));
  }
}

.tenant-public.layout-3 section.home.burst > .content > .info > .description {
  position: absolute;
  bottom: var(--padding);
  right: 1.5em;
  max-width: calc(min(var(--max-width, 22em), 100% - var(--padding) * 2));
  text-transform: uppercase;
  color: hsl(0 0% 100% / 0.9);
}

/* Facilities / valores — cards expansíveis */
.tenant-public.layout-3 section.home.facilities.layout3-company-values {
  position: relative;
  z-index: 10;
  isolation: isolate;
  background: hsl(var(--fg-1));
  color: hsl(var(--bg-1));
  border-radius: var(--card-radius, var(--radius-lg)) var(--card-radius, var(--radius-lg)) 0 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  align-items: center;
  padding-bottom: var(--card-padding, var(--padding-lg));
  margin-bottom: 0;
}

.tenant-public.layout-3 section.home.facilities.layout3-company-values > .heading {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  padding: var(--card-padding, var(--padding-lg));
  padding-bottom: 0;
  max-width: 100%;
}

.tenant-public.layout-3 section.home.facilities.layout3-company-values > .cards:not([data-intersection-visible]) > .card {
  translate: calc(25 * var(--lvw)) 0;
  filter: blur(16px);
  opacity: 0;
}

.tenant-public.layout-3 section.home.facilities.layout3-company-values > .cards {
  display: flex;
  padding: 1.25em;
  width: 100%;
  overflow: hidden;
}

@media (width < 1024px) {
  .tenant-public.layout-3 section.home.facilities.layout3-company-values > .cards {
    flex-direction: column;
    height: auto;
    gap: 0.75em;
  }

  .tenant-public.layout-3 section.home.facilities.layout3-company-values > .cards > .card {
    flex-basis: auto;
    flex-grow: 0;
    height: calc(26 * var(--lvh));
    min-height: 14em;
  }
}

.tenant-public.layout-3 section.home.facilities.layout3-company-values > .cards > .card {
  flex-basis: 1.5em;
  flex-grow: 1;
  position: relative;
  border-radius: var(--radius);
  overflow: hidden;
  border: 0.25em solid transparent;
  height: calc(52 * var(--lvh));
  min-height: 16em;
  transition:
    flex-basis 0.75s var(--ease-out),
    translate 1s calc(var(--i) * 0.1s) var(--ease-out),
    opacity 0.5s calc(var(--i) * 0.1s) var(--ease-out),
    filter 1s calc(var(--i) * 0.1s) var(--ease-out);
}

.tenant-public.layout-3 section.home.facilities.layout3-company-values > .cards > .card > .graphic {
  position: absolute;
  inset: 0;
}

.tenant-public.layout-3 section.home.facilities.layout3-company-values > .cards > .card > .graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tenant-public.layout-3 section.home.facilities.layout3-company-values > .cards > .card > .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: var(--padding-xs);
  text-transform: uppercase;
  color: hsl(0 0% 100%);
  z-index: 2;
}

.tenant-public.layout-3 section.home.facilities.layout3-company-values > .cards > .card::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 33.33%;
  width: 100%;
  background: linear-gradient(to bottom, hsl(0 0% 0% / 0) 50%, hsl(0 0% 0% / 0.5));
  opacity: 0;
  z-index: 1;
  transition: opacity 0.5s var(--ease-in-out);
}

.tenant-public.layout-3 section.home.facilities.layout3-company-values > .cards > .card:hover::before,
.tenant-public.layout-3 section.home.facilities.layout3-company-values > .cards > .card:focus-within::before {
  opacity: 1;
}

.tenant-public.layout-3 section.home.facilities.layout3-company-values > .cards > .card:hover,
.tenant-public.layout-3 section.home.facilities.layout3-company-values > .cards > .card:focus-within {
  flex-basis: 33%;
}