/* PREFOOTER: FRANJA FORMAS DE PAGO (loop sin JS) */

.pay-strip{
  background:#fff;
  padding:20px 0 15px;
  border-top:1px solid rgba(0,0,0,.08);
}

.pay-strip__title{
  margin: 0 0 20px;
  font-size: 40px;        /* antes 16px */
  font-weight: 700;
  color: #ff5800;
  letter-spacing: 0.5px;
  text-align: center;
}

.pay-strip__viewport{
  overflow:hidden;
  width:100%;
}

.pay-strip__track{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  width:max-content;
  will-change:transform;
  animation:pay-strip-scroll 22s linear infinite;
}

.pay-strip__track > ul{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;

  list-style:none;
  margin:0;
  padding:0;

  width:auto;
  flex:0 0 auto;
  gap:28px;
}

.pay-strip__track > ul > li{
  list-style:none;
  display:flex;
  align-items:center;
  flex:0 0 auto;
  height: 80px;
  margin:0;
  padding:0;
}

.pay-strip__track img{
  display:block;
  height: 80px;
  width:auto;
}

.pay-strip__viewport:hover .pay-strip__track{
  animation-play-state:paused;
}

@keyframes pay-strip-scroll{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}

@media (prefers-reduced-motion: reduce){
  .pay-strip__track{ animation:none; }
  .pay-strip__viewport{ overflow-x:auto; }
}
.pay-strip__viewport{
  position: relative;
}

/* degradado izquierda/derecha */
.pay-strip__viewport::before,
.pay-strip__viewport::after{
  content:"";
  position:absolute;
  top:0; bottom:0;
  width:70px;
  pointer-events:none;
  z-index:2;
}

.pay-strip__viewport::before{
  left:0;
  background: linear-gradient(to right, #fff 0%, rgba(255,255,255,0) 100%);
}

.pay-strip__viewport::after{
  right:0;
  background: linear-gradient(to left, #fff 0%, rgba(255,255,255,0) 100%);
}
.pay-strip li.pay-strip__item{
  height: 60px !important;   /* nuevo tamaño */
  display:flex !important;
  align-items:center !important;
}

.pay-strip li.pay-strip__item img{
  height: 60px !important;   /* nuevo tamaño */
  width: auto !important;
  object-fit: contain;
  display:block !important;
}

.pay-strip{
  padding: 22px 0 18px;
}