/* Selector de vista de un listado (10-10-2026). El CSS de cada vista lo pone cada página. */
.selector-vista { display: inline-flex; gap: 2px; padding: 3px; border-radius: 10px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.25); }
.selector-vista button { width: 38px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 7px; background: transparent; color: rgba(255,255,255,.75); cursor: pointer; padding: 0; }
.selector-vista button:hover { color: #fff; background: rgba(255,255,255,.12); }
.selector-vista button.activa { background: #fff; color: #17493b; }
.selector-vista button:focus-visible { outline: 2px solid #f28c28; outline-offset: 1px; }
.barra-vista { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 0 0 14px; }
.selector-vista.claro { background: #eef2f0; border-color: #dbe3df; }
.selector-vista.claro button { color: #5d6964; }
.selector-vista.claro button:hover { color: #17493b; background: #e2e9e5; }
.selector-vista.claro button.activa { background: #17493b; color: #fff; }