/* =====================================================
   Home — micro-interações: scroll reveal, botões, imagens
   (respeita prefers-reduced-motion)
   ===================================================== */

@media (prefers-reduced-motion: reduce) {
  html:has(body.home) {
    scroll-behavior: auto !important;
  }

  body.home main.home .js-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  body.home .home-banner-doacao__img,
  body.home .home-conteudos-card__img,
  body.home .home-oque-fazemos-card__bg {
    transition: none !important;
    transform: none !important;
  }

  body.home .home-banner-doacao:hover .home-banner-doacao__img,
  body.home .home-conteudos-card:hover .home-conteudos-card__img {
    transform: none !important;
  }
}

/* Rolagem suave na home */
@media (prefers-reduced-motion: no-preference) {
  html:has(body.home) {
    scroll-behavior: smooth;
  }
}

/* Secções entram com leve fade + deslize ao rolar */
body.home main.home .js-reveal {
  opacity: 0;
  transform: translate3d(0, 32px, 0);
  transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

body.home main.home .js-reveal.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  will-change: auto;
}

/* Mini zoom em fotos — Conteúdos */
@media (hover: hover) {
  body.home .home-conteudos-card__media {
    overflow: hidden;
  }

  body.home .home-conteudos-card__img {
    transition: transform 0.55s ease;
  }

  body.home .home-conteudos-card:hover .home-conteudos-card__img,
  body.home .home-conteudos-card:focus-within .home-conteudos-card__img {
    transform: scale(1.05);
  }
}

/* Banner doação — zoom lento na foto de fundo */
@media (hover: hover) {
  body.home .home-banner-doacao__media {
    overflow: hidden;
  }

  body.home .home-banner-doacao__img {
    transition: transform 6s ease-out;
  }

  body.home .home-banner-doacao:hover .home-banner-doacao__img {
    transform: scale(1.04);
  }
}

/* CTAs da home — elevação suave */
@media (hover: hover) {
  body.home main.home .home-conteudos__cta,
  body.home main.home .home-oque-fazemos__cta {
    transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.2s ease, color 0.2s ease;
  }

  body.home main.home .home-conteudos__cta:hover,
  body.home main.home .home-conteudos__cta:focus-visible,
  body.home main.home .home-oque-fazemos__cta:hover,
  body.home main.home .home-oque-fazemos__cta:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(41, 18, 18, 0.12);
  }
}

/* Carrosséis — setas com feedback tátil (mantém translateY(-50%) do layout) */
@media (hover: hover) {
  body.home .home-conteudos__nav,
  body.home .home-oque-fazemos__nav {
    transition: opacity 0.25s ease, transform 0.25s ease;
  }

  body.home .home-conteudos__nav:hover,
  body.home .home-conteudos__nav:focus-visible,
  body.home .home-oque-fazemos__nav:hover,
  body.home .home-oque-fazemos__nav:focus-visible {
    transform: translateY(-50%) scale(1.06);
  }
}