.pagina-tarjeta { max-width: 440px; margin: 0 auto; padding: 8px 16px calc(32px + env(safe-area-inset-bottom)); display: grid; gap: 16px; }
.pagina-tarjeta .estado { margin: 4px 2px 0; font-family: var(--display); font-weight: 700; font-size: 20px; letter-spacing: -.02em; line-height: 1.2; text-wrap: balance; }
.pagina-tarjeta .acciones { display: grid; gap: 10px; }
.pagina-tarjeta .acciones:empty { display: none; }
.btn.wallet { background: #000; color: #fff; }
.consent { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--muted); cursor: pointer; }
.consent input { width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--teja); flex: none; }
.demo { border-top: 1px dashed var(--line); padding-top: 12px; margin: 0; }
.pin { display: grid; gap: 12px; }
.pin input { font-family: var(--mono); font-size: 28px; letter-spacing: .4em; text-align: center; padding: 12px; border-radius: 14px; border: 1.5px solid var(--line); background: #fff; width: 100%; }
.pin .error { color: var(--teja); min-height: 1.2em; margin: 0; font-size: 14px; }
.pin .fila { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.pin p { margin: 0; }