/* Efeitos visuais discretos. Nenhum texto ou dimensão de layout é alterado. */
@media (prefers-reduced-motion: no-preference) {
  .motion-ready .motion-reveal {
    opacity: 0;
    transform: translate3d(0, 17px, 0);
    transition: opacity 720ms cubic-bezier(.2,.7,.25,1),
                transform 720ms cubic-bezier(.2,.7,.25,1);
    transition-delay: var(--motion-delay, 0ms);
  }
  .motion-ready .motion-reveal.motion-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  /* Foco visual nas fotografias, sem afetar a área dos cards. */
  .regions img, .tx .ph img, .ceap-photo, .about img {
    transition: transform 650ms cubic-bezier(.2,.7,.25,1),
                filter 650ms ease;
  }
  @media (hover:hover) and (pointer:fine) {
    .regions img:hover, .tx .ph img:hover, .about img:hover {
      transform: scale(1.025);
      filter: saturate(1.045);
    }
    .place, .tx4-card {
      transition: border-color 250ms ease, box-shadow 250ms ease;
    }
    .place:hover, .tx4-card:hover {
      border-color: rgba(255,255,255,.5);
      box-shadow: 0 10px 26px rgba(0,0,0,.055);
    }
  }
  .btn, .chip, .ceap-scale button {
    transition: background-color 220ms ease, color 220ms ease,
                border-color 220ms ease, transform 220ms ease,
                box-shadow 220ms ease;
  }
  @media (hover:hover) and (pointer:fine) {
    .btn:hover, a.chip:hover { transform: translateY(-2px); }
  }
}
@media (prefers-reduced-motion: reduce) {
  .motion-reveal { opacity:1!important;transform:none!important;transition:none!important; }
}

/* Todas as fotografias, incluindo anatomia, autoestima, Doppler e CEAP. */
@media (prefers-reduced-motion: no-preference) {
  .mind-art, .doppler-single, .arch img, .risk4-reference-card img,
  .tx .ph img, .regiao-foto, .ceap-photo {
    transition: transform 650ms cubic-bezier(.2,.7,.25,1), filter 650ms ease;
  }
  @media (hover:hover) and (pointer:fine) {
    .mind-art:hover, .doppler-single:hover, .arch img:hover,
    .risk4-reference-card img:hover, .regiao-foto:hover {
      transform: scale(1.02); filter: saturate(1.04);
    }
  }
  .ceap-figure.ceap-photo-enter:not([hidden]) {
    animation: ceap-photo-appear 560ms ease both;
  }
  @keyframes ceap-photo-appear {
    from {opacity:0;transform:translateY(8px)}
    to {opacity:1;transform:translateY(0)}
  }
}

/* Efeitos adicionais APENAS nas três áreas indicadas pelo usuário. */
@media (prefers-reduced-motion: no-preference) {
  /* Fotografia de abertura: entrada suave ao carregar, sem mudar seu tamanho. */
  .hero-reference .hero-reference-photo {
    animation: foto-inicial-fade 1100ms ease-out both;
  }
  @keyframes foto-inicial-fade {
    from { opacity: .15; filter: blur(5px); }
    to { opacity: 1; filter: blur(0); }
  }
  /* Fotografia da médica e três fotos das regiões: fade ao entrar na tela. */
  .motion-ready .foto-fade-pendente {
    opacity: 0;
    transition: opacity 850ms ease-out;
    transition-delay: var(--foto-delay, 0ms);
  }
  .motion-ready .foto-fade-pendente.foto-fade-visivel { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-reference .hero-reference-photo { animation: none !important; }
  .foto-fade-pendente { opacity: 1 !important; transition: none !important; }
}

/* Zoom ao passar o mouse: exclusivamente Eco-Doppler e Face/Tórax/Abdome.
   Especificidade maior para não ser anulada pelo efeito de entrada. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .about img.doppler-single,
  img.doppler-single,
  .regions img.regiao-foto {
    transition: transform 520ms cubic-bezier(.22,.68,.2,1), filter 520ms ease !important;
    transform-origin: center center;
    position: relative;
    z-index: 0;
  }
  .about img.doppler-single:hover,
  img.doppler-single:hover,
  .motion-ready img.doppler-single.motion-reveal.motion-visible:hover,
  .regions img.regiao-foto:hover,
  .motion-ready .regions img.regiao-foto.motion-reveal.motion-visible:hover {
    transform: scale(1.075) !important;
    filter: saturate(1.06);
    z-index: 2;
  }
}

/* Mesmo zoom suave das fotos de procedimentos: retrato e eco-Doppler. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .about .arch img,
  .about img.doppler-single {
    transition: transform 520ms cubic-bezier(.22,.68,.2,1), filter 520ms ease !important;
    transform-origin: center center;
    position: relative;
    z-index: 0;
  }
  .about .arch img:hover,
  .about img.doppler-single:hover {
    transform: scale(1.075) !important;
    filter: saturate(1.06);
    z-index: 2;
  }
}

/* Amplia somente o conteúdo fotográfico: o enquadramento permanece fixo. */
.about .arch {
  overflow: hidden;
  isolation: isolate;
}
/* A moldura do eco-Doppler assume o recorte que antes estava na imagem. */
.doppler-photo-frame {
  width: 100%;
  max-width: 480px;
  aspect-ratio: 3 / 4;
  margin-inline: auto;
  border-radius: 999px 999px 24px 24px;
  overflow: hidden;
  isolation: isolate;
}
.doppler-photo-frame img.doppler-single {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  border-radius: 0;
  object-fit: cover;
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .about .arch img:hover,
  .doppler-photo-frame img.doppler-single:hover {
    transform: scale(1.075) !important;
    z-index: auto !important;
  }
}