/* Cobro por SPEI: picks borrosos, caja de pago, panel. Usa los tokens de comun.css. */

.bloqueado .borroso {
  filter: blur(7px);
  user-select: none;
  -webkit-user-select: none;
  pointer-events: none;
}

.btn-chico {
  display: inline-block;
  margin-top: 10px;
  padding: 9px 16px;
  border: 1.5px solid var(--w85);
  border-radius: 8px;
  background: var(--w05);
  color: var(--white);
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}
.btn-chico:hover { background: var(--w12); }
.btn-chico[disabled] { opacity: 0.5; cursor: default; }
.btn-chico.rojo { border-color: rgba(255,120,120,0.85); }

.plan-mes {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  flex-wrap: wrap;
  padding: 16px;
  border-bottom: 1px solid var(--w12);
  text-align: left;
}
.plan-mes b { font-family: 'Syne', sans-serif; font-size: 18px; }
.plan-mes .btn-chico { margin-top: 0; }

.caja {
  width: 100%;
  border: 1.5px solid var(--w30);
  border-radius: 10px;
  padding: 18px;
  margin-bottom: 18px;
  text-align: left;
  background: rgba(5,22,89,0.55);
}
.caja h2 {
  font-family: 'Syne', sans-serif; font-size: 15px; letter-spacing: 2px;
  text-transform: uppercase; color: var(--w70); margin-bottom: 12px;
}
.dato { display: flex; justify-content: space-between; align-items: center; gap: 10px;
  padding: 10px 0; border-bottom: 1px solid var(--w12); }
.dato:last-child { border-bottom: 0; }
.dato .k { color: var(--w50); font-size: 13px; }
.dato .v { font-weight: 600; word-break: break-all; text-align: right; }
.dato .v.grande { font-family: 'Syne', sans-serif; font-size: 24px; }
.copiar { background: none; border: 1px solid var(--w30); color: var(--w85); border-radius: 6px;
  padding: 4px 8px; font-size: 12px; cursor: pointer; margin-left: 8px; white-space: nowrap; }

.campo { width: 100%; padding: 12px 14px; border-radius: 8px; border: 1.5px solid var(--w30);
  background: var(--w05); color: var(--white); font: inherit; font-size: 16px; margin: 8px 0 4px; }
.campo::placeholder { color: var(--w50); }
select.campo { -webkit-appearance: none; appearance: none; }
select.campo option, select.campo optgroup { background: #111; color: #fff; }

.estado { padding: 12px; border-radius: 8px; background: var(--w05); margin-top: 12px; color: var(--w85); }
.estado.ok { border: 1.5px solid rgba(120,255,170,0.7); }
.error-txt { color: #ff9b9b; margin-top: 8px; min-height: 1em; }
.enlace { font-size: 12px; color: var(--w70); word-break: break-all; }

.tabla-admin { width: 100%; border-collapse: collapse; font-size: 13px; text-align: left; }
.tabla-admin th, .tabla-admin td { padding: 8px 6px; border-bottom: 1px solid var(--w12); vertical-align: top; }
.tabla-admin th { color: var(--w50); font-weight: 500; }
.scroll-x { width: 100%; overflow-x: auto; }