/* Identidade visual — imagens fornecidas pelo Dr. Otávio */
.hero-image {
  object-position: 72% 7%;
  filter: saturate(.88) contrast(1.04);
}

.hero-shade {
  background:
    linear-gradient(90deg, rgba(7,7,7,.97) 0%, rgba(7,7,7,.86) 38%, rgba(7,7,7,.24) 68%, rgba(7,7,7,.08) 100%),
    linear-gradient(0deg, rgba(7,7,7,.72), transparent 44%);
}

.consultation-visual {
  isolation: isolate;
  background: #080808;
}

.consultation-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0,0,0,.04) 42%, rgba(0,0,0,.78) 100%);
  pointer-events: none;
}

.brand-scene {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 45%;
}

.consultation-visual p {
  z-index: 2;
  padding-left: 18px;
  border-left: 1px solid rgba(255,255,255,.48);
  text-shadow: 0 2px 18px #000;
}

.experience {
  display: grid;
  grid-template-columns: minmax(320px, .72fr) 1.28fr;
  min-height: 720px;
  padding: 0;
  background: #101010;
}

.experience-visual {
  position: relative;
  min-height: 720px;
  overflow: hidden;
  background: #e9e9e9;
}

.experience-visual img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 52%;
}

.experience-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 120px 7vw;
}

.experience-copy h2 { max-width: 1050px; }

@media (max-width: 800px) {
  .hero-image {
    object-position: 56% center;
    filter: saturate(.9) contrast(1.03);
  }

  .hero-shade {
    background: linear-gradient(0deg, rgba(7,7,7,.99) 3%, rgba(7,7,7,.78) 61%, rgba(7,7,7,.22) 100%);
  }

  .consultation-visual { min-height: 620px; }
  .brand-scene { object-position: center 45%; }

  .consultation-visual p {
    left: 24px;
    bottom: 32px;
  }

  .experience {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 0;
  }

  .experience-visual {
    min-height: 0;
    height: 68vh;
    max-height: 620px;
  }

  .experience-copy { padding: 85px 24px; }
  .experience-copy h2 { margin-bottom: 55px; }
}

/* Anúncio de consultas on-line */
.assessment-highlight {
  display: block;
  max-width: 580px;
  padding: 16px 20px;
  font-size: 1rem;
  line-height: 1.65;
  letter-spacing: 0;
  border-left: 3px solid #d8d8d8;
}
.assessment-highlight strong { font-size: 1.125rem; }