/* Página de opciones de un informe (11-nov-2026): antes de ser página era una ventana, y quedaron campos «Ordenar»/«Agrupar» tan largos como toda la pantalla.
   Ahora los campos tienen un ancho razonable, los grupos (filtros, ordenación, clasificación, opciones) se acomodan en una línea y bajan solos si no caben, y si sobra pantalla
   va el logo de SOL & LUNA como marca de agua, una vez, al centro y detrás del contenido (estándar, sección 3). Todo bajo .inf-pagina: no toca otra pantalla. */
.inf-pagina { position: relative; isolation: isolate; min-height: calc(100vh - 150px); align-content: start; }
.inf-pagina::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: url("vacio-marca.svg") center 62% / min(340px, 46%) auto no-repeat; opacity: .9; }
.inf-pagina form { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 14px 40px; }
.inf-pagina form > .inf-fila { display: contents; }
.inf-pagina form > .inf-grupo, .inf-pagina form > .inf-fila > .inf-grupo { flex: 0 1 auto; min-width: 0; border-top: 0 !important; padding-top: 0 !important; margin: 0; }
.inf-pagina .inf-g-filtros { flex: 1 1 100%; }
.inf-pagina .inf-rejilla { display: flex; flex-wrap: wrap; gap: 8px 24px; align-items: flex-end; }
.inf-pagina .inf-rejilla > .campo { flex: 0 0 auto; }
.inf-pagina .campo { margin: 0 0 6px; }
.inf-pagina .campo:not(.campo-check) { width: 240px; max-width: 100%; }
.inf-pagina .campo select, .inf-pagina .campo input:not([type=checkbox]) { width: 100%; max-width: 240px; }
.inf-pagina #err-inf { flex: 1 1 100%; }
@media (max-width: 640px) { .inf-pagina .campo:not(.campo-check), .inf-pagina .campo select, .inf-pagina .campo input:not([type=checkbox]) { width: 100%; max-width: none; } }