#filterGroups .gasFilter{padding-top:14px;border-top:1px solid #dce8f4}
#filterGroups .gasFilter .filterOptions{display:grid;gap:3px}
#filterGroups .gasFilter .filterOptions button{display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:9px;text-align:left;font-size:11px;line-height:1.25;cursor:pointer}
#filterGroups .gasFilter .filterOptions button:hover{background:#eef6ff;border-color:#d7e8ff}
#filterGroups .gasFilter .filterOptions button.active{background:#e6f1ff;border-color:#a9cfff;color:#075cc8}
#filterGroups .gasFilter .filterOptions button small{color:#8090a3;font-size:10px;font-weight:700}
#filterGroups .gasFilter .gasSizeOptions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
#filterGroups .gasFilter .gasSizeOptions button{padding:8px 7px;font-size:10px;white-space:nowrap}
@media(max-width:780px){#filterGroups .gasFilter .filterOptions button{min-height:38px}}

/* La opción general ocupa toda la fila y las medidas quedan en columnas parejas. */
#filterGroups .gasFilter .gasSizeOptions{
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:8px;
  row-gap:7px;
  width:100%;
}
#filterGroups .gasFilter .gasSizeOptions button{
  min-width:0;
  width:100%;
  padding:9px 8px;
  gap:5px;
  overflow:hidden;
}
#filterGroups .gasFilter .gasSizeOptions button:first-child{
  grid-column:1 / -1;
  justify-content:center;
}
#filterGroups .gasFilter .gasSizeOptions button small{
  flex:0 0 auto;
  margin-left:3px;
}
@media(max-width:380px){
  #filterGroups .gasFilter .gasSizeOptions{grid-template-columns:1fr}
  #filterGroups .gasFilter .gasSizeOptions button:first-child{grid-column:auto}
}