/* Botones en línea para filtros de opciones fijas (core/_filtro_opciones.html).
   Por debajo son radios: el estado lo lleva el form, sin JS. */
.seg {
    display: inline-flex; height: 2.75rem;
    border: 1px solid #e2e8f0; border-radius: 0.5rem; overflow: hidden;
    background: #fff;
}
.seg label { position: relative; display: flex; }
.seg input { position: absolute; opacity: 0; width: 0; height: 0; }
.seg span {
    display: flex; align-items: center; padding: 0 0.875rem;
    font-size: 0.875rem; color: #475569; white-space: nowrap;
    cursor: pointer; transition: background-color .15s, color .15s;
}
.seg label + label span { border-left: 1px solid #e2e8f0; }
.seg span:hover { background: #f1f5f9; }
/* Mismo celeste que los chips de filtros aplicados (.filter-chip en base.html). */
.seg input:checked + span {
    background: #eff6ff; color: #1d4ed8; font-weight: 500;
    box-shadow: inset 0 0 0 1px #bfdbfe;
}
.seg input:focus-visible + span { outline: 2px solid #3b82f6; outline-offset: -2px; }