.offering{
  position:relative;
  min-height:760px;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:#fff;
  background:#635f5d url("assets/ofrenda-bg.png") center/cover no-repeat;
}
.offering-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(21,28,31,.48),rgba(17,27,30,.56));
}
.offering-inner{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding-top:86px;
  padding-bottom:72px;
}
.offering-kicker{
  margin:0 0 4px;
  font-size:clamp(2rem,4.4vw,4.5rem);
  font-weight:400;
  line-height:1;
  letter-spacing:-.035em;
}
.offering h2{
  margin:0;
  font-family:Montserrat,sans-serif;
  font-size:clamp(4.4rem,10vw,9.5rem);
  font-weight:800;
  line-height:.92;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.offering-banner{
  margin:30px 0 0;
  padding:14px 28px;
  background:#e95050;
  font-family:Montserrat,sans-serif;
  font-size:clamp(.76rem,1.6vw,1.23rem);
  font-weight:700;
  line-height:1.2;
  letter-spacing:.38em;
  text-transform:uppercase;
}
.offering-description{
  max-width:760px;
  margin:52px auto 0;
  font-size:clamp(1rem,1.7vw,1.35rem);
  line-height:1.55;
  text-wrap:balance;
}
.offering-button{
  min-width:325px;
  margin-top:38px;
  padding:15px 34px;
  border:3px solid rgba(255,255,255,.95);
  border-radius:999px;
  color:#fff;
  font-size:1.05rem;
  font-weight:700;
  text-decoration:none;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.offering-button:hover,.offering-button:focus-visible{
  background:#fff;
  color:#173a40;
  transform:translateY(-2px);
}
.payment-marks{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:76px;
}
.payment-marks>span{
  width:54px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:3px;
  box-shadow:0 3px 10px rgba(0,0,0,.18);
  font-family:Arial,sans-serif;
  font-size:.74rem;
  font-weight:900;
}
.mastercard{position:relative;background:#173267}
.mastercard i{position:absolute;width:20px;height:20px;border-radius:50%;background:#e5412d}
.mastercard i:first-child{transform:translateX(-7px)}
.mastercard i:last-child{transform:translateX(7px);background:#f2a326;mix-blend-mode:screen}
.amex{background:#27a8d2;color:#fff}
.visa{background:#fff;color:#204c9a;border-bottom:6px solid #efa82d}
@media(max-width:700px){
  .offering{min-height:680px;background-position:52% center}
  .offering-inner{padding-top:72px;padding-bottom:58px}
  .offering-banner{max-width:92%;padding:12px 18px;letter-spacing:.2em}
  .offering-description{max-width:92%;margin-top:38px}
  .offering-button{min-width:260px;margin-top:30px}
  .payment-marks{margin-top:54px}
}