main.demo-nfc{--mono:ui-monospace, Menlo, Consolas, monospace;flex-direction:column;justify-content:center;align-items:center;gap:20px;max-width:420px;min-height:0;padding:32px 20px 64px;display:flex}.demo-sello{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--texto-suave);font-size:.8rem}.demo-pantalla{text-align:center;background:var(--fondo);border:1px solid #e8e4d84d;border-radius:28px;flex-direction:column;align-items:center;gap:14px;width:100%;padding:36px 24px 28px;display:flex}.demo-logo{width:72px;height:72px;font-family:var(--mono);border:1px solid #e8e4d866;border-radius:50%;place-items:center;font-size:1.6rem;display:grid}.demo-pantalla h1{letter-spacing:-.03em;margin:8px 0 0;font-size:1.6rem}.demo-pantalla>p:not(.demo-aviso){margin-bottom:12px}.demo-boton{width:100%;min-height:52px;font:inherit;text-align:center;cursor:pointer;color:var(--texto);background:0 0;border:1px solid #e8e4d866;border-radius:999px;padding:14px 0;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:block}.demo-boton.primario{background:var(--texto);color:var(--fondo);border-color:var(--texto)}.demo-boton:focus-visible{outline:2px solid var(--texto);outline-offset:3px}@media (hover:hover){.demo-boton:hover{background:var(--texto);color:var(--fondo);border-color:var(--texto)}.demo-boton.primario:hover{color:var(--texto);background:0 0}}.demo-aviso{min-height:3em;margin:6px 0 0;font-size:.95rem}.demo-pie{text-align:center;font-size:1rem}.demo-pie a{color:var(--texto);text-underline-offset:4px}