.meios-pagamento {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(48px, 6vw, 96px) 0 clamp(64px, 7vw, 112px);
  background: linear-gradient(120deg, #cce9ff 0%, #acd5fb 45%, #dcefff 100%);
  scroll-margin-top: 100px;
}
.meios-pagamento::before,
.meios-pagamento::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: -25%;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform-origin: center;
}
.meios-pagamento::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 1000' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='a' x2='0.8' y2='1'%3E%3Cstop stop-color='%234b9aea' stop-opacity='.48'/%3E%3Cstop offset='1' stop-color='%234b9aea' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 180C420 620 920 -120 1600 290V1000H0Z' fill='url(%23a)'/%3E%3C/svg%3E");
  animation: payment-wave-one 8s ease-in-out -3s infinite alternate;
}
.meios-pagamento::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 1000' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='b' x2='1' y2='.6'%3E%3Cstop stop-color='%2372baff' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%2372baff' stop-opacity='.08'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 760C450 200 1050 980 1600 430V1000H0Z' fill='url(%23b)'/%3E%3C/svg%3E");
  animation: payment-wave-two 11s ease-in-out -5s infinite alternate;
}
@keyframes payment-wave-one {
  from { transform: translate3d(-12%, -8%, 0) rotate(-6deg); }
  to { transform: translate3d(12%, 8%, 0) rotate(6deg); }
}
@keyframes payment-wave-two {
  from { transform: translate3d(12%, 8%, 0) rotate(6deg); }
  to { transform: translate3d(-12%, -10%, 0) rotate(-6deg); }
}
.meios-pagamento .securitizadora__title,
.meios-pagamento .meios-pagamento__item dt { color: var(--navy); }
.meios-pagamento .securitizadora__copy,
.meios-pagamento .meios-pagamento__item dd { color: #243e63; }
.meios-pagamento .meios-pagamento__item { border-color: rgba(14, 34, 87, .18); }
.meios-pagamento .securitizadora__cta { background: #fff; color: var(--navy); }
.meios-pagamento .securitizadora__cta:hover { background: #eaf1fb; }
.meios-pagamento__layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(32px, 5vw, 80px);
  align-items: center;
}
.meios-pagamento__image { display: block; width: 100%; height: auto; }
.meios-pagamento__list { margin: 26px 0 16px; padding: 0; }
.meios-pagamento__item { padding: 17px 0; border-top: 1px solid var(--line); }
.meios-pagamento__item dt { margin: 0 0 7px; color: var(--navy); font-size: 17px; font-weight: 600; }
.meios-pagamento__item dd { margin: 0; color: var(--text); font-size: 14px; line-height: 1.7; }
@media (max-width: 820px) {
  .meios-pagamento__layout {
  position: relative;
  z-index: 1; grid-template-columns: 1fr; gap: 32px; }
  .meios-pagamento__content { grid-row: 1; max-width: 620px; }
  .meios-pagamento__image { max-width: 560px; justify-self: center; }
}
@media (prefers-reduced-motion: reduce) {
  .meios-pagamento::before,
  .meios-pagamento::after { animation: none; }
}

/* Blend both edges into the adjacent white sections, above the moving waves. */
.meios-pagamento__fade {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(to bottom, #fff 0%, rgba(255,255,255,.88) 20%, rgba(255,255,255,.4) 55%, rgba(255,255,255,0) 100%) top / 100% clamp(90px, 10vw, 180px) no-repeat,
    linear-gradient(to top, #fff 0%, rgba(255,255,255,.88) 20%, rgba(255,255,255,.4) 55%, rgba(255,255,255,0) 100%) bottom / 100% clamp(100px, 11vw, 200px) no-repeat;
}
.meios-pagamento__layout { z-index: 2; }
