/* ELEVA_THERAPY_HERO_PALETTES_HML_1.2.1
   Somente apresentacao dos heroes; sem JavaScript, observers ou alteracao textual. */
.therapy-hero-media {
  --therapy-accent: #183d5d;
  --therapy-soft: #f7f0e8;
  position: relative;
  display: block;
  width: 100%;
  min-height: clamp(22rem, 44vw, 36rem);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--therapy-accent) 24%, transparent);
  border-radius: clamp(1rem, 2.2vw, 1.75rem);
  background: var(--therapy-soft);
  box-shadow: 0 1.4rem 3.4rem color-mix(in srgb, var(--therapy-accent) 18%, transparent);
  isolation: isolate;
}
.therapy-hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, transparent 54%, color-mix(in srgb, var(--therapy-accent) 18%, transparent));
}
.therapy-hero-media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
}
.therapy-hero-media--psychology { --therapy-accent: #765569; --therapy-soft: #f7f0e8; }
.therapy-hero-media--speech { --therapy-accent: #176675; --therapy-soft: #dcefeb; }
.therapy-hero-media--occupational { --therapy-accent: #34483a; --therapy-soft: #f5e9d7; }
.therapy-hero-media--physiotherapy { --therapy-accent: #17344e; --therapy-soft: #e8eef0; }
.therapy-hero-media--psychopedagogy { --therapy-accent: #c5a052; --therapy-soft: #faf5e8; }
.therapy-hero-media--psychomotricity { --therapy-accent: #754c4c; --therapy-soft: #f2e6d8; }
.therapy-hero-media--physical-education { --therapy-accent: #29465c; --therapy-soft: #f7eddf; }
.therapy-hero-media--music-therapy { --therapy-accent: #764e61; --therapy-soft: #d8c9cf; }
.therapy-hero-media--neuropsychology { --therapy-accent: #505469; --therapy-soft: #e5e6e8; }
.therapy-hero-media--aquatic { --therapy-accent: #0b4e70; --therapy-soft: #effaf6; }
@media (max-width: 900px) {
  .therapy-hero-media { min-height: clamp(20rem, 72vw, 32rem); }
}
@media (max-width: 640px) {
  .therapy-hero-media { min-height: 0; aspect-ratio: 3 / 4; border-radius: 1rem; }
  .therapy-hero-media img { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .therapy-hero-media, .therapy-hero-media img { transition: none !important; animation: none !important; }
}