:root { --marcato: #123b45; --marcato-oscuro: #0c2a32; --acento: #f2a93b; }
body { background: #f6f8f8; }
.bg-marcato { background: var(--marcato); }
.btn-marcato { background: var(--marcato); color: #fff; }
.btn-marcato:hover, .btn-marcato:focus { background: var(--marcato-oscuro); color: #fff; }
a { color: var(--marcato); }
.navbar .nav-link.active, .navbar .nav-link:hover { color: var(--acento) !important; }
.qr-box svg { width: 220px; height: 220px; }
.codigo-grande { font: 600 1.8rem/1.2 ui-monospace, monospace; letter-spacing: .2em; margin: .5rem 0; }
.table > :not(caption) > * > * { padding-left: .75rem; padding-right: .75rem; }