/* Efectos por rareza de One Piece. Reutiliza los de Yu-Gi-Oh!
   (css/yugioh/effectsByRarity.css, que hay que cargar antes que este fichero):
   SR -> srEffect, SEC -> scrEffect. onepiece/cardEffects.js envuelve la imagen
   en .op-fx y le pone la clase del efecto. */
.op-fx {
  position: relative;
  display: block;
  overflow: hidden;
  line-height: 0;
  border-radius: .375rem;
}
.op-fx > img {
  display: block;
  width: 100%;
  height: auto;
}
/* Listados con la imagen centrada y alto maximo propio (expansiones) */
.tcg-card-img-wrap .op-fx {
  display: inline-block;
  max-width: 100%;
}
.tcg-card-img-wrap .op-fx > img {
  width: auto;
  max-width: 100%;
}