/* Yampi banner: Figma container spacing; original background artwork. */
.case-page--yampi .banner--yampi {
  position: relative;
  isolation: isolate;
  overflow: visible;
  min-height: 0;
  background: linear-gradient(to bottom, var(--yampi-purple-dark, #522fad) 0 calc(100% - 86px), white calc(100% - 86px) 100%);
}
.case-page--yampi .banner--yampi::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url('../../assets/icons/Yampi-coracao.svg') left top / 997px 854px no-repeat;
  pointer-events: none;
  z-index: 0;
}
.case-page--yampi .banner--yampi .banner-outer {
  position: relative;
  z-index: 1;
  max-width: none;
  width: 100%;
  margin: 0 auto;
  padding: var(--Padding-150px, 150px);
}
.case-page--yampi .banner--yampi .banner-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  position: relative;
  padding: 0;
  gap: var(--Padding-80px, 80px);
}
.case-page--yampi .banner--yampi .banner-left { display: flex; flex-direction: column; align-items: flex-start; gap: var(--Padding-16px, 16px); flex: 1 0 0; min-width: 0; }
.case-page--yampi .banner--yampi .banner-right { flex: 1 1 0; min-width: 0; width: 100%; max-width: 567px; }
.case-page--yampi .banner--yampi .hero-lines { margin-top: 0; }
.case-page--yampi .banner--yampi .hero-line { font-size: 56px; line-height: 1.2; }
.case-page--yampi .banner--yampi .case-pill { padding: var(--pill-padding-vertical) var(--pill-padding-horizontal); white-space: normal; }
.case-page--yampi .banner--yampi .case-pill-text { font: 400 24px/1.4 var(--font-family-body); }
.case-page--yampi .banner--yampi .banner-meta { display: flex; justify-content: flex-end; padding-top: 24px; }
.case-page--yampi .banner--yampi .meta-text { width: 100%; max-width: 540px; margin: 20px 0; text-align: right; color: var(--system-text-black); }
@media (max-width: 1200px) {
  .case-page--yampi .banner--yampi .banner-outer { padding: var(--spacing-section) var(--spacing-inline); }
}
@media (max-width: 1000px) {
  .case-page--yampi .banner--yampi .banner-inner { flex-direction: column; align-items: flex-start; gap: var(--spacing-grid); }
  .case-page--yampi .banner--yampi .banner-left, .case-page--yampi .banner--yampi .banner-right { flex: auto; }
  .case-page--yampi .banner--yampi .meta-text { max-width: none; text-align: left; }
}
@media (max-width: 900px) {
  .case-page--yampi .banner--yampi::before { background-size: contain; }
  .case-page--yampi .banner--yampi .banner-inner { padding: 0; }
  .case-page--yampi .banner--yampi .hero-line { font-size: 34px; line-height: 1.02; }
  .case-page--yampi .banner--yampi .case-pill { white-space: normal; }
}

@media (max-width: 600px) { .case-page--yampi .banner--yampi .case-pill-text { font-size: 20px; } }

.case-page--yampi .banner--yampi .banner-logo { width: auto; height: 48px; }
.case-page--yampi .banner--yampi .banner-logo img { display: block; width: auto; height: 48px; object-fit: contain; }