.saha-vitrini {
  --ink: #163346;
  --deep: #0b293d;
  --navy: #164e72;
  --blue: #28779a;
  --ice: #eaf5fa;
  --line: #cfe1e9;
  --pale: #cce9f8;
  background: linear-gradient(#fff 0%, #eaf5fa 18%, #f6fafc 84%, #fff 100%);
  color: var(--ink);
  font: 400 15px/1.55 Roboto, Arial, sans-serif;
  padding: 9px 0 42px;
}

.saha-vitrini,
.saha-vitrini *,
.saha-vitrini *::before,
.saha-vitrini *::after { box-sizing: border-box; }

.saha-vitrini__shell {
  width: min(1320px, calc(100% - 78px));
  margin: 0 auto;
}

.saha-vitrini__stage {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48%;
  min-height: 520px;
  overflow: hidden;
  background: radial-gradient(ellipse at 49% 95%, #164e72, transparent 68%), var(--deep);
}

.saha-vitrini__photo {
  grid-area: 1 / 2;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  min-width: 0;
  margin: 0 0 0 -46px;
  isolation: isolate;
  background: var(--navy);
  clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%);
}

.saha-vitrini__photo img,
.saha-vitrini__photo::after {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.saha-vitrini__photo img {
  z-index: -2;
  display: block;
  object-fit: cover;
  object-position: 50% 58%;
}

.saha-vitrini__photo::after {
  z-index: -1;
  content: "";
  background: linear-gradient(0deg, #0b293d 0%, #0b293d4d 28%, transparent 61%);
}

.saha-vitrini__photo figcaption {
  display: grid;
  gap: 2px;
  margin: 0 clamp(15px, 3vw, 39px) clamp(15px, 3vw, 34px) 0;
  padding: 8px 13px;
  text-align: right;
  color: #fff;
  border-right: 2px solid var(--pale);
}

.saha-vitrini__photo figcaption span {
  color: var(--pale);
  font-size: 10px;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.saha-vitrini__photo strong,
.saha-vitrini__location strong {
  font: 800 22px/1.05 "Roboto Condensed", Roboto, Arial, sans-serif;
}

.saha-vitrini__story {
  grid-area: 1 / 1;
  position: relative;
  z-index: 1;
  isolation: isolate;
  align-self: center;
  padding: 50px clamp(24px, 4.5vw, 70px);
  color: #fff;
}

.saha-vitrini__drawing {
  position: absolute;
  z-index: -1;
  inset: auto 0 -55px auto;
  width: min(100%, 560px);
  height: auto;
  opacity: .32;
  color: #7cb8d3;
  pointer-events: none;
}

.saha-vitrini__tag {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--pale);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .19em;
  text-transform: uppercase;
}

.saha-vitrini__tag span {
  width: 25px;
  height: 2px;
  background: #91bfd5;
}

.saha-vitrini h2 {
  margin: 14px 0 16px;
  color: #fff;
  font: 800 clamp(39px, 5.4vw, 79px)/.99 "Roboto Condensed", Roboto, Arial, sans-serif;
  letter-spacing: -.035em;
  text-transform: none;
}

.saha-vitrini h2 em {
  color: var(--pale);
  font-style: normal;
}

.saha-vitrini__story p {
  max-width: 43ch;
  margin: 0;
  color: #eaf5fa;
  font-size: 15px;
  line-height: 1.55;
}

.saha-vitrini__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 18px;
  margin-top: 26px;
}

.saha-vitrini a { text-decoration: none; }
.saha-vitrini a:focus-visible { outline: 3px solid #6daccb; outline-offset: 3px; }
.saha-vitrini a:hover { text-decoration: underline; }

.saha-vitrini__primary,
.saha-vitrini__phone,
.saha-vitrini__whatsapp {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  font-size: 13px;
  font-weight: 800;
}

.saha-vitrini a.saha-vitrini__primary {
  padding: 7px 12px 7px 15px;
  background: var(--ice);
  color: var(--deep);
}

.saha-vitrini a.saha-vitrini__phone { color: #fff; }

.saha-vitrini__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px clamp(15px, 3vw, 39px);
  background: var(--ice);
  border: 1px solid var(--line);
  border-top: 0;
}

.saha-vitrini__location {
  display: flex;
  align-items: center;
  gap: 10px;
}

.saha-vitrini__location svg { flex: 0 0 32px; color: var(--blue); }
.saha-vitrini__location p { margin: 0; font-size: 12px; color: #496677; }
.saha-vitrini a.saha-vitrini__whatsapp { color: var(--navy); }

@media (max-width: 1000px) {
  .saha-vitrini__stage { min-height: 440px; }
}

@media (max-width: 760px) {
  .saha-vitrini { padding: 5px 0 24px; }
  .saha-vitrini__shell { width: calc(100% - 23px); }
  .saha-vitrini__stage { grid-template-columns: minmax(0, 1fr); min-height: auto; }
  .saha-vitrini__story { padding: 29px clamp(17px, 5vw, 38px); }
  .saha-vitrini h2 { font-size: clamp(34px, 9.8vw, 57px); margin: 11px 0 13px; }
  .saha-vitrini__story p { font-size: 14px; }
  .saha-vitrini__drawing { bottom: -48px; width: min(100%, 465px); }
  .saha-vitrini__actions { margin-top: 17px; }
  .saha-vitrini__photo {
    grid-area: 2 / 1;
    min-height: clamp(244px, 65vw, 390px);
    margin: 0;
    clip-path: none;
    border-top: 1px solid #4c819d;
  }
  .saha-vitrini__photo img { object-position: 50% 61%; }
  .saha-vitrini__footer { padding: 8px 10px; gap: 7px; }
  .saha-vitrini__location { gap: 4px; }
  .saha-vitrini__location strong { font-size: 17px; }
  .saha-vitrini__location p, .saha-vitrini__whatsapp { font-size: 11px; }
  .saha-vitrini__whatsapp { gap: 4px; }
}