/* Panel de administracion: misma paleta que la web publica, pensado para pantalla de computadora. */
.ancha { max-width: 72rem; }
main.ancha { padding-top: .5rem; }
#nav { flex-wrap: wrap; gap: .25rem 1rem; }
#nav a { padding: .25rem 0; }
.fila { display: flex; flex-wrap: wrap; gap: .75rem; align-items: end; margin: 0 0 1.25rem; }
.fila label { flex: 1 1 12rem; min-width: 0; }
.fila input, .fila select { width: 100%; }
.fila .casilla { flex: 0 1 auto; }
.fila .boton { flex: 0 0 auto; }
form.ancho { max-width: none; }
table { width: 100%; border-collapse: collapse; font-size: .95rem; margin: .5rem 0 2rem; }
th, td { text-align: left; padding: .6rem .5rem; border-bottom: 1px solid var(--linea); vertical-align: top; }
th { color: var(--tenue); font-weight: 600; }
td.num, th.num { text-align: right; font-variant-numeric: tabular-nums; }
td .boton { padding: .4rem .9rem; min-height: 2.1rem; font-size: .9rem; margin: 0 .3rem .3rem 0; }
h3 { margin: 2rem 0 .5rem; font-size: 1.15rem; letter-spacing: -0.01em; }
.cifras { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: 1rem; margin: 1rem 0 2rem; }
.cifra { border-top: 2px solid var(--linea); padding-top: .6rem; }
.cifra b { display: block; font-size: 1.6rem; font-variant-numeric: tabular-nums; }
.cifra span { color: var(--tenue); font-size: .9rem; }
.secreto { font: 600 1.1rem ui-monospace, Menlo, Consolas, monospace; letter-spacing: .08em; background: var(--hondo); padding: .75rem 1rem; border-radius: 10px; word-break: break-all; }
.miga { color: var(--tenue); margin: 0 0 1rem; }
.miga a { color: var(--tenue); }
.estado-pendiente { color: var(--ambar); }
.estado-aprobada, .estado-aprobado, .estado-pagada { color: var(--ok); }
.estado-rechazada, .estado-rechazado, .estado-anulada { color: var(--error); }
select { font: 400 1rem var(--fuente); color: var(--texto); background: var(--hondo); border: 1px solid var(--linea); border-radius: 10px; padding: .7rem .8rem; min-height: 2.9rem; }
.casilla { display: flex; flex-direction: row; align-items: center; gap: .5rem; font-weight: 600; }
.casilla input { min-height: auto; width: 1.2rem; height: 1.2rem; }
img.previa { max-width: 22rem; width: 100%; border-radius: 12px; display: block; margin: 1rem 0; }

.flyer-previa { max-width: 220px; border-radius: 12px; display: block; margin: 8px 0; }