/* SERVIDIS + V29: métodos de pago — un sistema visual uniforme.
   Carga al final para aislar las muchas reglas históricas. */
#pagos .payments-layout{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start;gap:24px}
#pagos .payments-intro-card{min-width:0;max-width:none}
#pagos .payments-intro-card h2{font-size:clamp(1.55rem,2.4vw,2.25rem);line-height:1.12;letter-spacing:-.045em}
#pagos .payments-intro-card p{line-height:1.57}
#pagos .payment-security-note{display:flex;align-items:center;gap:12px;border:1px solid rgba(106,239,166,.17);background:rgba(30,85,62,.14);border-radius:17px;padding:13px 15px;max-width:100%;width:100%}
#pagos .payment-security-note strong{display:block;font-size:.85rem;color:#e0ffec}
#pagos .payment-security-note small{display:block;color:#a5beb1;line-height:1.42;font-size:.75rem}

#pagos .payment-public-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;
  align-items:stretch!important;
  align-content:start!important;
  height:auto!important;
  gap:13px!important;
}
#pagos .payment-public-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 24px!important;
  grid-template-areas:'brand brand' 'copy arrow'!important;
  align-content:start!important;
  align-items:center!important;
  justify-content:initial!important;
  gap:12px 8px!important;
  height:auto!important;
  min-height:178px!important;
  width:100%!important;
  padding:20px!important;
  text-align:left!important;
  border:1px solid rgba(145,155,201,.22)!important;
  border-radius:20px!important;
  background:linear-gradient(155deg,rgba(29,32,51,.98),rgba(16,20,34,.98))!important;
  color:#f6f6ff!important;
  box-shadow:0 13px 30px rgba(1,4,12,.16),inset 0 1px 0 rgba(255,255,255,.03)!important;
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease!important;
  cursor:pointer;
}
#pagos .payment-public-card::before{content:'';position:absolute;inset:0;z-index:-1;opacity:.65!important;pointer-events:none;background:radial-gradient(circle at 20% 4%,rgba(120,94,201,.1),transparent 60%)}
#pagos .payment-public-card::after{display:none!important}
#pagos .payment-public-card:is(:hover,:focus-visible){transform:translateY(-3px)!important;box-shadow:0 20px 40px rgba(0,0,0,.27)!important}
#pagos .payment-public-card.yape:is(:hover,:focus-visible){border-color:rgba(188,125,250,.6)!important}
#pagos .payment-public-card.binance:is(:hover,:focus-visible){border-color:rgba(240,185,40,.6)!important}
#pagos .payment-public-card.paypal:is(:hover,:focus-visible){border-color:rgba(85,168,243,.6)!important}
#pagos .payment-public-card:focus-visible{outline:2px solid #a7f4c5;outline-offset:3px}

#pagos .payment-public-card .payment-mark.payment-brand{
  grid-area:brand!important;
  justify-self:start;
  width:62px!important;height:62px!important;
  padding:0!important;
  border-radius:16px!important;
  overflow:hidden;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#pagos .payment-public-card .payment-mark.payment-brand.binance,
#pagos .payment-public-card .payment-mark.payment-brand.paypal{
  padding:13px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  background:#151b29!important;
}
#pagos .payment-public-card .payment-mark.payment-brand.paypal{background:#f8fbff!important}
#pagos .payment-public-card .payment-brand-image{display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
#pagos .payment-card-copy{grid-area:copy!important;display:flex!important;flex-direction:column!important;gap:6px!important;align-items:flex-start!important;min-width:0!important}
#pagos .payment-card-copy strong{font-size:1.07rem!important;font-weight:850!important;line-height:1.2!important;color:#fff!important;margin:0!important;overflow-wrap:anywhere}
#pagos .payment-card-copy small{display:block!important;color:#a4acc0!important;font-size:.76rem!important;line-height:1.35!important;white-space:normal!important;text-overflow:unset!important;overflow:visible!important}
#pagos .payment-card-state{display:none!important}
#pagos .payment-card-arrow{grid-area:arrow!important;display:grid!important;place-items:center!important;align-self:center!important;justify-self:end!important;width:28px!important;height:28px!important;line-height:1!important;border:1px solid rgba(155,171,213,.18)!important;border-radius:9px!important;color:#c7d6e8!important;background:rgba(255,255,255,.03)!important;font-size:1.45rem!important}

/* En pantallas intermedias no comprimir las tres tarjetas. */
@media(max-width:1300px){#pagos .payments-layout{grid-template-columns:minmax(0,270px) minmax(0,1fr)}#pagos .payment-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:1050px){#pagos .payments-layout{grid-template-columns:1fr;gap:20px}#pagos .payment-public-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}#pagos .payments-intro-card{max-width:760px}}
@media(max-width:800px){#pagos .payment-public-grid{grid-template-columns:1fr!important;gap:11px!important}#pagos .payment-public-card{grid-template-columns:54px minmax(0,1fr) 28px!important;grid-template-areas:'brand copy arrow'!important;align-items:center!important;min-height:88px!important;padding:14px 15px!important;gap:12px!important}#pagos .payment-public-card .payment-mark.payment-brand{width:54px!important;height:54px!important;grid-area:brand!important;border-radius:14px!important}#pagos .payment-public-card .payment-mark.payment-brand.binance,#pagos .payment-public-card .payment-mark.payment-brand.paypal{padding:11px!important}#pagos .payment-card-copy strong{font-size:.98rem!important}#pagos .payment-card-copy small{font-size:.72rem!important}#pagos .payment-card-arrow{width:26px!important;height:26px!important}}
@media(max-width:440px){#pagos .payments-layout{gap:17px}#pagos .payment-public-card{padding:12px 13px!important;min-height:84px!important;gap:11px!important}#pagos .payment-card-copy strong{font-size:.94rem!important}#pagos .payment-card-copy small{font-size:.7rem!important}}

/* Detalle: encabezado y emblema no se deforman, incluso en móvil. */
.payment-modal .payment-detail-hero{display:flex;align-items:center;gap:14px;min-height:88px;padding:15px;border:1px solid rgba(159,166,200,.18);border-radius:18px;background:linear-gradient(130deg,#1b2133,#121725)}
.payment-modal .payment-detail-hero strong{font-size:1.08rem;line-height:1.25;color:#fff}
.payment-modal .payment-detail-hero small{font-size:.76rem;line-height:1.45;color:#a9b4c8}
.payment-modal .payment-detail-hero .payment-mark.payment-brand{display:grid!important;place-items:center;flex:0 0 64px;width:64px!important;height:64px!important;padding:0!important;background:transparent!important;overflow:hidden!important;border:0!important;border-radius:16px!important}
.payment-modal .payment-detail-hero .payment-mark.payment-brand.binance{background:#111827!important;border:1px solid rgba(255,255,255,.12)!important;padding:14px!important}
.payment-modal .payment-detail-hero .payment-mark.payment-brand.paypal{background:#fff!important;padding:14px!important}
.payment-modal .payment-detail-hero .payment-brand-image{display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.payment-modal .payment-accordion{background:#111827;border:1px solid rgba(166,173,207,.18);border-radius:15px;margin:10px 0}
.payment-modal .payment-accordion summary{color:#f4f7ff}
.payment-modal .payment-accordion-body{color:#afbbd0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}
.payment-modal .payment-accordion-body dd{color:#eef5ff;overflow-wrap:anywhere}
@media(max-width:540px){.payment-modal .payment-detail-hero{padding:13px;gap:12px}.payment-modal .payment-detail-hero .payment-mark.payment-brand{flex-basis:52px;width:52px!important;height:52px!important}.payment-modal .payment-detail-hero .payment-mark.payment-brand.binance,.payment-modal .payment-detail-hero .payment-mark.payment-brand.paypal{padding:11px!important}}

/* Miniaturas y tarjetas del administrador. */
.payment-logo-pill .payment-mark.payment-brand,.showcase-bottom .payment-mark.payment-brand{display:grid!important;width:29px!important;height:29px!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;overflow:hidden!important}
.payment-logo-pill .payment-mark.payment-brand.binance,.showcase-bottom .payment-mark.payment-brand.binance{background:#111827!important;padding:6px!important}
.payment-logo-pill .payment-mark.payment-brand.paypal,.showcase-bottom .payment-mark.payment-brand.paypal{background:#fff!important;padding:6px!important}
.payment-logo-pill .payment-brand-image,.showcase-bottom .payment-brand-image{width:100%!important;height:100%!important;object-fit:contain!important}
.payment-admin-title .payment-mark.payment-brand{display:grid;place-items:center;flex:0 0 54px;width:54px!important;height:54px!important;padding:0!important;border:0!important;border-radius:14px!important;background:transparent!important;overflow:hidden!important}
.payment-admin-title .payment-mark.payment-brand.binance{background:#101827!important;padding:12px!important;border:1px solid rgba(255,255,255,.1)!important}
.payment-admin-title .payment-mark.payment-brand.paypal{background:#fff!important;padding:12px!important}
.payment-admin-title .payment-brand-image{width:100%!important;height:100%!important;object-fit:contain!important}
@media(prefers-reduced-motion:reduce){#pagos .payment-public-card,#pagos .payment-public-card:is(:hover,:focus-visible){transition:none!important;transform:none!important}}