/* =====================================================================
   PLAYBCN - PANTALLA DE PASO A LA PASARELA DE PAGO (30-10-2026)
   Página one_page_confirmation: la que se ve un instante antes de ir a
   Redsys/Bizum. Solo CSS: tapa la página antigua con una pantalla de la
   marca. No toca el formulario ni el envío automático al banco.
   Seguridad: a los 12 s la capa se aparta sola, por si algún método de
   pago necesitara pulsar el botón a mano.
   Para quitarlo, basta con borrar el archivo.
===================================================================== */
body#onepageconfirmationBody:before {
  content: "Procesando tu pedido";
  position: fixed; inset: 0; z-index: 2147483000; display: block; box-sizing: border-box;
  padding: 50vh 24px 0; text-align: center;
  background: #fff url("../images/logo-playbcn-tienda-online.jpg") no-repeat center calc(50vh - 150px);
  background-size: 160px auto;
  font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size: 20px; font-weight: 900; color: #111; line-height: 1.3;
  animation: pbcnPasarelaFuera .4s ease 12s forwards;
}
body#onepageconfirmationBody:after {
  content: ""; position: fixed; z-index: 2147483001; left: 50%; top: calc(50vh - 66px);
  width: 40px; height: 40px; margin-left: -20px; box-sizing: border-box;
  border: 3px solid #e7e5e0; border-top-color: #111; border-radius: 50%;
  animation: pbcnPasarelaGira .8s linear infinite, pbcnPasarelaFuera .4s ease 12s forwards;
}
html:has(> body#onepageconfirmationBody):after {
  content: "En unos segundos continúas con el pago seguro.\A No cierres ni recargues esta página.\A\A \1F512  Pago 100% seguro · BBVA · Redsys · Bizum";
  white-space: pre-wrap; position: fixed; z-index: 2147483002; left: 0; right: 0; top: calc(50vh + 48px);
  padding: 0 24px; text-align: center;
  font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size: 14.5px; line-height: 1.55; color: #5f5f5f;
  animation: pbcnPasarelaFuera .4s ease 12s forwards;
}
/* El aviso gris "Procesando..." del plugin queda tapado */
body#onepageconfirmationBody .blockUI.blockMsg { opacity: 0 !important; }

@keyframes pbcnPasarelaGira { to { transform: rotate(360deg); } }
@keyframes pbcnPasarelaFuera { to { opacity: 0; visibility: hidden; } }