.aid-detail-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  min-height: 560px;
  align-items: center;
  padding: 90px 8vw;
  overflow: hidden;
}

.aid-detail-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background-position: center;
  background-size: cover;
}

.volunteer-hero::before {
  background-image: linear-gradient(90deg, rgba(246, 244, 235, .98) 0%, rgba(246, 244, 235, .90) 35%, rgba(246, 244, 235, .30) 72%, rgba(246, 244, 235, .10) 100%), url("/assets/voluntariado-hero.webp");
}

.materials-hero::before {
  background-image: linear-gradient(90deg, rgba(246, 244, 235, .98) 0%, rgba(246, 244, 235, .90) 35%, rgba(246, 244, 235, .30) 72%, rgba(246, 244, 235, .10) 100%), url("/assets/materiales-alimentos-hero.webp");
}

.aid-detail-copy {
  position: relative;
  z-index: 1;
  width: min(900px, 100%);
  padding: 36px 42px 42px;
  border-radius: 8px;
  background: linear-gradient(90deg, #f6f2e9e8 0%, #f6f2e9d9 78%, #f6f2e900 100%);
}

.aid-detail-copy h1,
.aid-coordination h2,
.aid-section-heading h2 {
  margin: 0 0 22px;
  font-family: 'Playfair Display', serif;
  font-size: clamp(2.8rem, 6vw, 5.6rem);
  font-weight: 500;
  letter-spacing: -.04em;
  line-height: 1.02;
}

.aid-detail-copy .lead { max-width: 660px; margin: 0; }
.aid-detail-copy .button { margin-top: 30px; }

.aid-detail-section { padding: 86px 8vw 110px; background: var(--paper); }
.aid-section-heading { max-width: 720px; margin-bottom: 38px; }
.aid-section-heading h2,
.aid-coordination h2 { font-size: clamp(2.3rem, 4vw, 3.8rem); }
.aid-section-heading>p:last-child,
.aid-coordination p:not(.eyebrow) { max-width: 650px; color: #557069; font-size: 1.08rem; }

.aid-detail-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.aid-detail-cards article { min-height: 230px; padding: 32px; border-radius: 22px; background: var(--cream); }
.aid-detail-cards article:nth-child(2) { background: #edf0e8; }
.aid-detail-cards article:nth-child(3) { background: #e0ece4; }
.aid-detail-cards article>span { color: var(--gold); font-size: .8rem; font-weight: 700; letter-spacing: .12em; }
.aid-detail-cards h3 { margin-top: 20px; }
.aid-detail-cards p { margin: 0; color: #557069; }

.aid-coordination { display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; align-items: center; padding: 80px 8vw 125px; background: #edf0e8; }
.aid-coordination h2 { margin: 0; }
.aid-coordination .text-link { display: inline-block; margin-top: 14px; }

@media (max-width: 850px) {
  .aid-detail-hero { min-height: 650px; align-items: flex-start; padding: 68px 7vw 76px; }
  .volunteer-hero::before,
  .materials-hero::before {
    background-image: linear-gradient(180deg, rgba(246, 244, 235, .96) 0%, rgba(246, 244, 235, .88) 48%, rgba(246, 244, 235, .24) 100%), url("/assets/voluntariado-hero.webp");
    background-position: 58% center;
  }
  .materials-hero::before {
    background-image: linear-gradient(180deg, rgba(246, 244, 235, .96) 0%, rgba(246, 244, 235, .88) 48%, rgba(246, 244, 235, .24) 100%), url("/assets/materiales-alimentos-hero.webp");
  }
  .aid-detail-copy {
    padding: 24px 24px 34px;
    background: linear-gradient(180deg, #f6f2e9e8 0%, #f6f2e9d9 78%, #f6f2e900 100%);
  }
  .aid-detail-copy h1 { font-size: clamp(2.7rem, 12vw, 4rem); }
  .aid-detail-section { padding: 64px 7vw 88px; }
  .aid-detail-cards { grid-template-columns: 1fr; }
  .aid-detail-cards article { min-height: 0; }
  .aid-coordination { grid-template-columns: 1fr; gap: 22px; padding: 65px 7vw 95px; }
}