/* ══════════ métodos de pago: la bisagra entre el hero y el cuerpo ══════════
   Suben desde el final de la primera sección al punto donde el capítulo
   pasa del azul al blanco. No cortan nada: la página ya cambiaba de color
   ahí, y la banda se apropia de ese cambio para presentarse.

   Cada método es una tarjeta con tres datos: la marca, el nombre escrito y
   el tipo. El nombre importa tanto como el logo —no todos se reconocen de
   memoria fuera del mercado— y el tipo, al vivir dentro de la tarjeta, deja
   de ser encabezado de grupo: APMs y tarjetas locales conviven en un mismo
   orden en vez de partirse en dos filas.

   El logo va en una pastilla blanca sobre el celeste del sistema: las marcas
   son de terceros y vienen pensadas para fondo blanco, así ninguna queda
   apoyada sobre un tono que no le corresponde. */
/* El bloque vive dentro del cuerpo, como una sección más: arranca en el
   mismo eje que los titulares de sección y el índice lateral lo lista
   primero. El hueco de la izquierda, que antes quedaba vacío, ahora lo
   ocupa el índice. En pantallas angostas --colx ya vale lo mismo que el
   canal, así que la alineación se deshace sola */
#page-market .pmb{position:relative;z-index:2;background:#fff;color:#0A1240;
  padding:clamp(40px,4.6vw,76px) var(--gut) clamp(38px,4.2vw,64px) var(--colx)}
#page-market .pmb .idx{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(clamp(210px,19vw,260px),1fr));
  gap:clamp(10px,1.2vw,16px)}
#page-market .pmb .idx li{display:flex;flex-direction:column;background:#fff;
  border:1px solid rgba(10,18,64,.13);border-radius:14px;overflow:hidden}
#page-market .pmb .lg{display:grid;place-items:center;
  padding:clamp(26px,3vw,42px) clamp(14px,1.5vw,20px);
  min-height:clamp(100px,9.4vw,138px)}
#page-market .pmb .lg img{display:block;width:auto;max-width:86%;
  height:calc(clamp(26px,2.6vw,38px) * var(--s,1))}
#page-market .op-r{padding-top:clamp(34px,3.9vw,62px);
  padding-bottom:clamp(38px,4.3vw,68px)}
/* y el titular del hero se despega del filete que abre la apertura */
#page-market .chp-hero-in{padding-bottom:clamp(44px,5.2vw,86px)}
#page-market .pm-type{font-style:normal}